前端團隊開發工具

### Sublime

代碼檢查

1. http://www.sublimetext.com/3 下載合適的portable version
2. https://nodejs.org/download/ 下載 node而且安裝
3. 安裝jshint
   $ npm install jshint -g
   若是沒響應（GFW，使用cnpm和npmreg都是不錯的選擇 ），使用淘寶的源，下面cnpm換成jshint。
   
4. https://packagecontrol.io/installation 按照說明配置sublime 包管理器
5. sublime中ctrl+shift+p, 輸入install,選擇install Package
6. 搜索安裝 SublimeLinter
7. 搜索安裝SublimeLinter-jshint
8. 可能須要重啓sublime

• 在sublime右鍵，菜單最後有個SublimeLinter配置，配置前兩項Lint Mode和Mark Style，分別表示觸發事件和標記樣式。
  *若是要修改默認js規則，可在項目目錄下放配置文件，參考移動雲目錄下的.jshintrc 文件，（ps:團隊項目的配置文件不要我的去修改）

格式化

• HTML-css-JS Prettify ——代碼格式化
• Docblocker—— 註釋
• 
  
• 其餘可選 插件（可選）
• better Completion——代碼提示
• emmet——就是 zencoding

####Fiddle

• 查看網絡數據的工具，還能夠當代理使用，能夠把遠程文件用本地文件替換來調試的工具。
• 有了它，就能不啓動本地環境，直接連接遠程服務器來開發前端代碼了。

###gulp

前端項目構建工具

在工程根目錄（與index.html同級）中有兩個相關文件：

package.json  —— node包配置文件

經過下面的命令來加載依賴包

$ npm install

gulpfile.js   —— gulp配置文件

在工程根目錄打開命令行，執行下面命令來打包maroco.js

$ gulp