JavaScript開發工具大合集

本文爲大家整理了一系列關於JavaScript的常用工具,包括常用工具、前端和後端工具,從測試到構建,內容豐富,值得收藏。下面是根據推薦工具整理的思維導圖。


點此看大圖

常規工具

腳手架工具

  • Yeoman:它旨在爲開發者提供一系列健壯的工具、程序庫和工作流,幫助開發者快速構建漂亮的Web應用。

構建工具(自動)

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

軟件包管理工具

  • Homebrew (Mac OS):Apple Mac OS下的軟件安裝工具;
  • Apt:Debian、Ubuntu等系列Linux系統的軟件包管理工具,可用來安裝、刪除、升級軟件等;
  • NPM:Node.js的官方軟件包管理器;
  • Bower:twitter的一個開源項目,用於web包管理。

前端

MVC框架

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

模板

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

測試

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

後端

服務器

  • Express:Node的web應用框架;
  • Node:Node.js是構建於Chrome JavaScript運行時基礎上的一個平臺,可快速構建網絡應用。

數據庫

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

架構

  • RESTful:目前流行的互聯網軟件架構,結構清晰、易於理解、方便擴展。

測試

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

斷言庫(Assertion Libraries)

  • Chai:一個用於Node的BDD/TDD斷言庫(Assertion Libraries),可與任何JavaScript測試框架進行搭配。

函數式編程工具

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

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

Via  CodeFellows

延伸閱讀

發佈了20 篇原創文章 · 獲贊 4 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章