开发环境(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)格式的文件

原文地址:https://www.cnblogs.com/gispathfinder/p/5863327.html