paulwong

喜歡 Angular.js？我們?yōu)殚_發(fā)者編寫了一份最佳 angular.js 工具和資源清單，這可讓使用 angular 開發(fā)應(yīng)用程序變得高效。

對(duì)于大多數(shù)想要設(shè)計(jì)動(dòng)態(tài) web 應(yīng)用的開發(fā)者而言，Angular.js 成為了一個(gè)可以選擇的框架。angularjs 開發(fā)者如果想開始一個(gè) AngularJS 工程，為了采取成熟的方式開發(fā)網(wǎng)頁，他們或許需要很多工具。

在開始使用 angular.js 之前，Angular.js 新手或許也想讀一些優(yōu)秀的 angular.js 書籍。

我們同樣也編寫了一份龐大的在線 angular.js 教程清單。

為了減輕使用 AngularJS 開發(fā) web 應(yīng)用的負(fù)擔(dān)，這里列出了幾個(gè)出色的工具，包括測(cè)試、前端開發(fā)、編輯、函數(shù)庫、擴(kuò)展、模塊、代碼生成器、網(wǎng)格工具。

shirleywong
翻譯于 1周前

0人頂

Angular.js 開發(fā)最佳 IDE

Angular.js 需要的大部分集成開發(fā)環(huán)境（IDE）和輕量級(jí)的編輯器列在了下面。

Webstorm

Webstorm是一個(gè)出色的代碼編輯器，它完全理解工程，可以為任何類型的網(wǎng)站提供高質(zhì)量的代碼。它支持所有最流行最新的網(wǎng)站開發(fā)技術(shù)。使用這個(gè)工具開發(fā)網(wǎng)站，可以很好地集成單點(diǎn)或流程。 

Aptana

Aptana 是一具集成開發(fā)環(huán)境，可以幫助你優(yōu)雅地創(chuàng)建網(wǎng)站應(yīng)用。使用它做為 AngularJS 的集成開發(fā)工具，你需要在 Eclipse 商店激活 AngularJS Eclipse 擴(kuò)展。

wancheng
翻譯于 1周前

0人頂

文本編輯器 Sublime

對(duì) AngularJS Web 開發(fā)者來說，方便的文本編輯工具是 Sublime。它幫助程序員使用快捷方式或幾個(gè)按鍵實(shí)現(xiàn)編碼。它具有很強(qiáng)的適應(yīng)性，可以定制任何類型的編程環(huán)境。它也可以按照你的意愿分塊編輯。它還可以輕松地在項(xiàng)目之間切換，所有的修改都將自動(dòng)保存在各自的項(xiàng)目中。

Angular.js 的專用測(cè)試工具

測(cè)試是開發(fā)的重要組成部分，無論對(duì)于使用 Angular.js 還是任何其他軟件都是如此。下面的工具可以幫助你簡(jiǎn)化采用 Angular.js 開發(fā)的應(yīng)用程序的測(cè)試。

這些工具都是在線 JavaScript 測(cè)試工具的好伴侶。

Protractor

Protractor 是一個(gè)端到端的測(cè)試框架，貫穿于 AngularJS，是一個(gè)完全自動(dòng)化的測(cè)試工具。它可以運(yùn)行在真實(shí)的瀏覽器中測(cè)試你的應(yīng)用程序。它使用了 WebDriver，Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的偉大的技術(shù)。

當(dāng)所有的待處理網(wǎng)頁任務(wù)完成時(shí)，它會(huì)自動(dòng)使用AngularJS的應(yīng)用進(jìn)行通信。所以，你在測(cè)試時(shí)不需要使用等待或睡眠命令。

Iam魔方
翻譯于 1周前

0人頂

Jasmine

Jasmine 是一個(gè)行為驅(qū)動(dòng)開發(fā)框架，專為 Javascript 用戶創(chuàng)建。它提供了基本的測(cè)試框架，并且可以持續(xù)維護(hù)。所有測(cè)試都可以使用一個(gè) all-in-one 的包完成，這是 Jasmine 的主要特點(diǎn)，高效測(cè)試你的應(yīng)用。

這個(gè)框架的一個(gè)缺點(diǎn)是它不能感知運(yùn)行平臺(tái)（瀏覽器）。如果配合Karma使用這個(gè)問題很容易避免。

Karma 可以做為測(cè)試運(yùn)行者配合 Jasmine 使用。它是一個(gè)測(cè)試框架幫且你高效地測(cè)試應(yīng)用。 

Code Orchestra

它是一個(gè)絕對(duì)意義上的前端開發(fā)工具幫助你創(chuàng)建和測(cè)試網(wǎng)站應(yīng)用。你可以實(shí)時(shí)寫代碼，根據(jù)建議修改代碼，以同樣的格式保存代碼。通過這個(gè)工具修改后的代碼會(huì)自動(dòng)布署到運(yùn)行中的應(yīng)用。

wancheng
翻譯于 1周前

0人頂

最好的 Angular.js 函數(shù)庫

下面是一些有用的庫，它們可以增強(qiáng) angular.js 框架的能力，對(duì)開發(fā)者有所幫助。沒有必要從頭構(gòu)建那些可能已經(jīng)成為開放源碼的函數(shù)庫。

CodePen

對(duì)于所有 HTML，CSS 和 JavaScript 的前端開發(fā)者，CodePen 是一款完美的編輯工具。這個(gè)工具可以最大限度地減少對(duì)網(wǎng)站的創(chuàng)建、測(cè)試和完善的繁瑣的網(wǎng)頁開發(fā)工作。它是一個(gè)協(xié)作的在線編程環(huán)境。

Web 開發(fā)人員可以清晰地跨平臺(tái)實(shí)時(shí)查看。它有一個(gè)瀏覽器中的代碼編輯器，可以自動(dòng)地迅速地上傳多個(gè)文件。這個(gè)功能可協(xié)助 Web 開發(fā)人員在幾秒的時(shí)間內(nèi)創(chuàng)建一個(gè)新的代碼。

Angular Fire

使用 Angular Fire，可以輕松地幫助你開發(fā) AngularJS 的應(yīng)用后臺(tái)。AngularJS 綁定的 Firebase 已經(jīng)正式被 Angular Fire 支持。Firebase 是一個(gè)基于云計(jì)算的平臺(tái)，可以很容易地集成實(shí)時(shí)應(yīng)用和快速創(chuàng)建后臺(tái)。

當(dāng) Firebase 和 Angular Fire 組合在一起，它們有助于以更快的速度同步數(shù)據(jù)和提供良好的用戶管理服務(wù)。它還提供了一個(gè)三向的數(shù)據(jù)綁定、用戶身份驗(yàn)證和靜態(tài)托管。

Iam魔方
翻譯于 7天前

0人頂

AngularUI

AngularJS 以高效率創(chuàng)建單頁面應(yīng)用而出名. 創(chuàng)建這些單頁面應(yīng)用時(shí)候，我們需要一個(gè)靈活的路由，這個(gè)優(yōu)秀的AngularJS框架是構(gòu)建一個(gè)全面的UI組件俗稱ui-router。 它能根據(jù)應(yīng)用程序的狀態(tài)提供一個(gè)簡(jiǎn)單的導(dǎo)航和改變視圖,而不僅僅是基于URL。
AngularUI還包含非常多的UI組件，這些組件是使用原生指令像ui—maps,ui-calendar,ui-Bootstrap創(chuàng)建的。這些UI組件和指令可以更快建設(shè)Angular網(wǎng)站

UI Bootstrap

UI Bootstrap是一個(gè)不同尋常的AngularUI組件,它能幫助你創(chuàng)建基于智能手機(jī)的web應(yīng)用程序，而且用戶體驗(yàn)不錯(cuò)。這個(gè)UI組件提供的AngularJS原生指令完全兼容Twitte Bootstrap

成熟的毛毛蟲
翻譯于 5天前

1人頂

Angular.js 有用的擴(kuò)展和工具

下面是一些 Angular.js 擴(kuò)展，可以滿足一些特殊應(yīng)用之需。

Ng-Inspector

Ng-Inspector 是一個(gè)優(yōu)秀的瀏覽器插件，支持 Firefox，Chrome 和 Safari,復(fù)用它可以創(chuàng)建一個(gè)探測(cè)控制面板，方便開發(fā)，調(diào)試 AngularJS 應(yīng)用，它提供了完整的輔助功能。

使用它可以更方便的和你的應(yīng)用交互，還可以實(shí)時(shí)更新。它還可以看到全部范圍內(nèi)的層次結(jié)構(gòu)，模型，類型和值。點(diǎn)擊你關(guān)注的一個(gè)范圍，它會(huì)高亮顯示相應(yīng)的 DOM 結(jié)點(diǎn)。

AngularJS Batarang

你可以使用 AngularJS Batarang 來調(diào)試你的 AngularJ S應(yīng)用，它是一個(gè)專為 Chrome 提供的插件。它幫助你改善應(yīng)用性能。還可能衡量調(diào)節(jié)性能的進(jìn)度。

wancheng
翻譯于 4天前

0人頂

Restangular

AngularJS 獨(dú)有的一個(gè)服務(wù)是 Restangular，它可以幫助您輕松應(yīng)對(duì)各種要求，例如獲取、發(fā)送、刪除以及把數(shù)據(jù)存入數(shù)據(jù)庫。它對(duì)于所有從 RESTful API 中大規(guī)模存取數(shù)據(jù)的 AngularJS 應(yīng)用都很有必要。

Generator Angular - 一個(gè)有用的工具

Yeomen Generator

你可以很容易地開始一個(gè)具有合理的默認(rèn)值和最好的用例的項(xiàng)目。建立這樣的 Angular 應(yīng)用，這款 Yeomen generator 工具是非常有用的。它只需幾條終端的命令，便加速了 AngularJS 應(yīng)用的開發(fā)過程。這個(gè)工具是非常有用的。這些專用的生成工具將有助于應(yīng)用了解項(xiàng)目的有關(guān)信息，并有助于開發(fā)和測(cè)試應(yīng)用程序。

Iam魔方
翻譯于 3天前

0人頂

Angular Deckgrid

Angular Deckgrid 可以為你提供響應(yīng)度和顏值俱高的應(yīng)用，可以適配不同的移動(dòng)終端。輕量級(jí)類磚石結(jié)構(gòu)易于創(chuàng)建靈活的表格，高效創(chuàng)建圖片展示。 

Radian

Radian 是一個(gè)優(yōu)秀的框架，使用它只需要少量的設(shè)置就可以開啟 AngularJS 項(xiàng)目。在多人開發(fā)項(xiàng)目中它是一個(gè)理想的選擇。

Lumx

Lumx 以快速簡(jiǎn)單的方式幫助你創(chuàng)建簡(jiǎn)單而優(yōu)雅的應(yīng)用。 這個(gè)可響應(yīng)式前端框架是基于AngularJS 和Google 材料設(shè)計(jì)規(guī)范。這個(gè)工具可嵌入最新的技術(shù)，如 Sass 預(yù)處理器，AngularJS 和 JQuery，能極大地提高 web 應(yīng)用的性能。

wancheng
翻譯于 1天前

0人頂

Angular Gettext

你可以用英語編碼，在編碼需要被翻譯的地方加上注解。Angular Gettext 工具就會(huì)自動(dòng)翻譯那些獨(dú)立的部分。這是 AngularJS 非常簡(jiǎn)單而強(qiáng)大的翻譯支持工具。

NgDocs

AngularJS 框架內(nèi)置 ngDocs 工具可以簡(jiǎn)化你項(xiàng)目文檔和參考手冊(cè)的相關(guān)工作。這款基于 Android 的工具也能提供給所有新手一些容易跟進(jìn)的教程。

葉秀蘭
翻譯于 18小時(shí)前

0人頂

NgTables

無論是簡(jiǎn)單還是復(fù)雜的 Web 應(yīng)用，在 AngularJS 框架中很容易創(chuàng)建一個(gè)表格，然后通過實(shí)用的 ngTables 工具進(jìn)行高效的管理。ngTable 是 AngularJS 表格指令，支持排序，過濾和分頁，在編譯步驟中自動(dòng)生成帶有標(biāo)題和過濾器的標(biāo)題行。

ngTable 支持定制過濾選項(xiàng)，表格分組，表格外部數(shù)據(jù)控制 等等功能。

總的來說，這些都是創(chuàng)建任意 AngularJS Web 應(yīng)用的，最有用的工具集合。用好這些工具可以幫助你輕松高效的創(chuàng)建 AngularJS 項(xiàng)目。