开发环境(Atom + NotePad++)

1.NodeJS

Gulp：前端构建工具
Grunt：前端构建工具
Bower：客户端依赖管理工具
Karma: 单元测试
Protractor: 集成测试
Git：版本控制
ngScenario：情景测试（scenario test）

 

npm install gulp-cli -gf

npm install glup --save-dev

npm install grunt-cli -gf

npm install grunt--save-dev

 

 

2.Atom

docblockr : 这个插件能够帮助你快速的生成注释，不少高级的编辑器都有这个功能，只是atom没有内置实现
autocomplete-plus : 当输入的时候，提供可能的候选项
git-plus : 命令控制面板快捷键 ( Ctrl+Shift+H )
git-control : 提供一个git gui来来完成git的版本管理，很是方便操做，我的感受比git-plus插件好用
vim-mode : 用过vim的都知道好,基本实现了大部分的功能,不过形成许多快捷键冲突，这也是其余编辑器不具有的功能
color-picker : 取色器  ( Ctrl+Shift+C )
highlight-selected :  高亮当前所选文字，双击后全文这个词或者变量都会高亮哦
highlight-line : 顾名思义，该插件是对光标所在行以高亮显示，从而能够准肯定位光标所在的行
atom-beautify : 其余编辑器都支持代码格式化，以便阅读。atom-beautify插件提供相似的功能用于美化代码，能够对html、css、js等文件进行格式美化。使用时须要先选中要美化的代码
atom-ternjs : 该插件能对一个对象中拥有的对外提供的属性和方法都能经过suggest的形式提示出来，能对一个对象对外提供的接口有一个选择过程
linter-jshint : (注意：linter-jshint是依赖linter插件来使用的，也就是说必须先安装linter插件)该插件是用jshint来检查代码，想必你们都据说过jshint代码检查工具，它有一个配置文件.jshintrc，这个文件告诉jshint执行的检查规则。经过jshint能发现代码中存在的问题，能够及时避免bug的发生。linter-jshint插件基于atom规则来使用jshint，该插件能够在项目根目录下新建一个.jshintrc来告诉检查规则，也能够不用建立此文件来进行代码检查。

emmet : 这款插件是用来支持zend-coding，Emmet的前身是大名鼎鼎的Zen coding，若是你从事Web前端开发的话，对该插件必定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提升了HTML/CSS代码编写的速度

angular-bootstrap :

 

 

3.NotePad++

 

Light Explorer : 轻量级资源管理器

XBracket Lite : 括号自动补全插件: XBracket Lite

JSMinNpp : js代码压缩,js代码格式化,JSON查看器: JSMinNpp

HEX-Editor : 16进制编辑器: HEX-Editor

NppExport : 导出彩色代码为其余（word，HTML）格式的文件