開發環境(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）格式的文件