JavaScript開發工具大全

一系列關于JavaScript的常用工具，包括常用工具、前端和后端工具，從測試到構建，內容豐富，值得收藏。

常規工具

腳手架工具

• Yeoman：它旨在為開發者提供一系列健壯的工具、程序庫和工作流，幫助開發者快速構建漂亮的Web應用。
</ul>

構建工具（自動）

• Grunt.js：生態強大，發展速度快，有大量可選插件；
• Gulp.js：流式項目構建工具；
• Browserify.js：Node.js模塊，主要用于改寫現有的CommonJS模塊，使得瀏覽器端也可以使用這些模塊；
• Uglify.js：JavaScript解析器、壓縮工具和代碼美化庫。
</ul>

軟件包管理工具

• Homebrew (Mac OS)：Apple Mac OS下的軟件安裝工具；
• Apt：Debian、Ubuntu等系列Linux系統的軟件包管理工具，可用來安裝、刪除、升級軟件等；
• NPM：Node.js的官方軟件包管理器；
• Bower：推ter的一個開源項目，用于web包管理。
</ul>

前端

MVC框架

• Backbone.js：提Web開發的框架，為復雜的Javascript應用程序提供模型(models)、集合(collections)、視圖(views)結構；
• Ember.js：可以創建功能豐富的Web應用程序，并提供一個標準的應用程序架構的JavaScript框架；
• Angular.js：一組用來開發Web頁面的框架、模板以及數據綁定和豐富UI的組件，無需進行手工DOM操作，還允許為App擴展HTML類庫。
</ul>

模板

• Handlebars.js：JavaScript頁面模板庫，可以為開發者提供必需的語義模板；
• Mustache.js：是Mustache模板系統的JavaScript實現，語法邏輯比較簡單，適用于C++、Clojure、Erlang、Go、Java、JavaScript等語言；
• Jade：Node模板引擎，主要用于Node.js里的服務端模板；
• Haml-js：允許在JavaScript項目中使用Haml語法，與原生的Haml擁有差不多的功能；
• Eco：可以用來將CoffeeScript邏輯嵌入到標記中。
</ul>

測試

• Casper.js：CasperJS是一個為PhantomJS和SlimerJS準備的導航腳本及測試工具；
• Zombie.js：Zombie.js是一個輕量級的框架，可以在一個模擬的環境下測試客戶端的 JavaScript 代碼，且不需要瀏覽器的幫助。
</ul>

后端

服務器

• Express：Node的web應用框架；
• Node：Node.js是構建于Chrome JavaScript運行時基礎上的一個平臺，可快速構建網絡應用。
</ul>

數據庫

• MongoDB：開源的文檔存儲數據庫，也是領先的非關系型數據庫；
• Postgresql：開源的對象-關系數據庫服務器；
• SQL：結構化查詢語言，可用來存取數據以及查詢、更新和管理關系數據庫系統。
</ul>

架構

• RESTful：目前流行的互聯網軟件架構，結構清晰、易于理解、方便擴展。
</ul>

測試

• Cucumber.js：采用受歡迎的行為驅動開發工具并將其應用到JavaScript堆棧中。
• Jasmine：行為驅動的開發測試框架，不依賴瀏覽器、DOM或任何其他JavaScript架構，較適合網站、Node.js項目或應用在任何可以運行JavaScript的地方。
• Mocha：運行在Node.js和瀏覽器之上，主要用于異步測試。
• Q-Unit：單元測試框架，常用于jQuery、jQuery UI和jQuery移動項目，也可以用于測試常規的JavaScript代碼。
</ul>

斷言庫（Assertion Libraries）

• Chai：一個用于Node的BDD/TDD斷言庫（Assertion Libraries），可與任何JavaScript測試框架進行搭配。
</ul>

函數式編程工具

• Underscore.js：JavaScript庫，提供了大量有用的函數編程工具，無需擴展任何內置對象；
• Lo-Dash：提供自定義、性能和一致性的JavaScript庫。
</ul>

大家可以在 Github上查看本推薦列表的最新狀況。

Via  CodeFellows

延伸閱讀

前端技能匯總：https://github.com/JacksonTian/fks