前端团队开发工具

摘要: 外行绕山，内行爬山

###
Sublime

代码检查

http://www.sublimetext.com/3 下载合适的portable version

https://nodejs.org/download/ 下载 node并且安装

安装jshint
$ npm install jshint -g
如果没响应（GFW，使用cnpm和npmreg都是不错的选择 ），使用淘宝的源，下面cnpm换成jshint。






https://packagecontrol.io/installation 按照说明配置sublime 包管理器

sublime中ctrl+shift+p, 输入install,选择install Package

搜索安装 SublimeLinter

搜索安装SublimeLinter-jshint

可能需要重启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