建站
咨詢
售后
建站咨詢
新聞中心
最近一段時(shí)間以來，AngularJS已經(jīng)成為Web領(lǐng)域人氣***的技術(shù)方案，而這要?dú)w功于其在簡(jiǎn)化Web應(yīng)用程序開發(fā)方面所起到的良好收效。目前，AngularJS已經(jīng)成為開發(fā)人員與技術(shù)愛好者社區(qū)當(dāng)中最炙手可熱的名頭之一。在AngularJS的幫助下，我們可以構(gòu)建起一系列Web應(yīng)用程序及網(wǎng)站方案。如果各位朋友感興趣，也推薦大家點(diǎn)擊此處查閱《AngularJS學(xué)習(xí)免費(fèi)電子書》來做好利用該技術(shù)進(jìn)行開發(fā)的前期準(zhǔn)備。
AngularJS應(yīng)用程序也能夠被整合到其它現(xiàn)有系統(tǒng)或者項(xiàng)目當(dāng)中。它同時(shí)也是一套強(qiáng)大的前端框架，可用于設(shè)計(jì)富用戶界面（簡(jiǎn)稱UI）。目前人氣較高的AngularJS應(yīng)用程序包括Ghost（一款博客平臺(tái)，可不是與蕃茄花園并駕齊驅(qū)那款）、Goodfilms移動(dòng)站點(diǎn)（一個(gè)電影回顧站點(diǎn)）以及CVsIntellect（一款簡(jiǎn)歷制作應(yīng)用）。
好了，如果大家已經(jīng)身為一名AngularJS應(yīng)用程序開發(fā)人員，那么肯定需要各類輔助工具幫自己更高效地進(jìn)行項(xiàng)目創(chuàng)建。因此在今天的文章中，我們將共同了解二十一款***實(shí)用性的AngularJS工具。這份清單當(dāng)中包含有多款代碼編輯器、測(cè)試工具以及擴(kuò)展方案等等。下面一起來看。
AngularJS框架
1) Ionic
Ionic是一套開源前端框架，旨在利用HTML、CSS以及JavaScript實(shí)現(xiàn)移動(dòng)應(yīng)用程序開發(fā)。大家可以借此為AngularJS帶來多種更為強(qiáng)大的能力，例如UI交互、手勢(shì)操作與動(dòng)畫效果等等。此外，大家還可以生成動(dòng)畫與漸變系統(tǒng)，并為自己的應(yīng)用程序設(shè)計(jì)啟動(dòng)畫面與圖標(biāo)。Mallzee與Chef Steps就是兩款利用Ionic開發(fā)而成的老牌應(yīng)用產(chǎn)品。
2) Supersonic
Supersonic是一款前端框架，專門用于開發(fā)數(shù)據(jù)驅(qū)動(dòng)型混合應(yīng)用程序以及面向移動(dòng)設(shè)備的酷炫用戶界面。除了大量CSS組件之外，大家還能夠在Supersonic中以原生方式實(shí)現(xiàn)UI組件，例如導(dǎo)航欄、標(biāo)簽欄、抽屜、信息卡以及網(wǎng)格系統(tǒng)等等。
3) LumX
Lumx是一款基于AngularjS與谷歌Material設(shè)計(jì)原則的響應(yīng)式前端框架。它是一款強(qiáng)大的JavaScript MVC框架，能夠以輕松快捷的方式創(chuàng)建出單頁面應(yīng)用程序。大家還可以利用LumX在開發(fā)成果中加入流暢動(dòng)畫、日期選擇、通知、下拉菜單、文本字段、滾動(dòng)條以及其它多種功能。
4) Radian
Radian是一套AngularJS框架，合適處理多種開發(fā)項(xiàng)目。在Radian的幫助下，大家可以將一款A(yù)ngularJS應(yīng)用程序拆分成多個(gè)可管理的去耦組件，從而將代碼的抽象及模塊化水平提升到新的層面。Radian基于AMD架構(gòu)（即異步模塊定義）且允許大家將其用于應(yīng)用程序測(cè)試。
5) Mobile Angular UI
Mobile Angular UI是一款前端框架，旨在利用Bootstrap 3與AngularJS構(gòu)建HTML 5移動(dòng)應(yīng)用程序。這套框架提供大量Bootstrap 3移動(dòng)組件，其中包括開關(guān)、覆蓋、側(cè)邊欄以及導(dǎo)航欄等等。目前利用Mobile Angular UI開發(fā)的熱門應(yīng)用程序包括Hotelier News以及Good Doctor。
#p#
AngularJS代碼編輯器
6) Sublime Text
Sublime Text是一款面向代碼、標(biāo)記與內(nèi)容整理等工作的跨平臺(tái)文本編輯器。它提供多種可定制選項(xiàng)，幫助大家進(jìn)行按鍵綁定、代碼補(bǔ)全、片段、宏以及其它常見操作。在Sublime Text的支持下，我們可以實(shí)現(xiàn)變更縮進(jìn)設(shè)置、在編輯過程中進(jìn)行多重內(nèi)容選定并變更語法等等。
7) CodePen
CodePen是一款面向前端Web開發(fā)工作的HTML、CSS以及JavaScript代碼編輯器。它提供多種功能，具體包括代碼審查、調(diào)試、實(shí)時(shí)代碼編輯以及協(xié)作等。
8) JS Fiddle
JS Fiddle是一款在線代碼編輯工具。大家可以利用各自獨(dú)立的面板分別執(zhí)行JavaScript、CSS、HTML以及輸出代碼。大家還可以利用JS Fiddle實(shí)現(xiàn)代碼片段共享、代碼審查、測(cè)試、調(diào)試以及實(shí)時(shí)協(xié)作等功能。
AngularJS IDE
9) WebStorm
Webstorm是一款***人氣的JavaScript集成開發(fā)環(huán)境（簡(jiǎn)稱IDE），允許用戶利用Node.js實(shí)現(xiàn)客戶端/服務(wù)器端開發(fā)工作。這款工具還內(nèi)置一款代碼編輯器，支持Compass、AngularJS、HTML以及CSS等等。它亦能夠?qū)崿F(xiàn)一系列功能，例如錯(cuò)誤檢查、重構(gòu)與代碼補(bǔ)全等。
10) Aptana
Aptana是一款開源的Web應(yīng)用集成開發(fā)環(huán)境（簡(jiǎn)稱IDE）。這款工具允許大家構(gòu)建、測(cè)試、編輯、審查并調(diào)試HTML、CSS以及JavaScript代碼。這款工具基于云環(huán)境且擁有高度可定制特性。
11) Appery
Appery是一款基于云的平臺(tái)，旨在利用公有/私有云選項(xiàng)開發(fā)移動(dòng)及響應(yīng)式應(yīng)用程序。大家可以利用它構(gòu)建起多種iOS、HTML 5以及Android應(yīng)用程序。這套集成開發(fā)環(huán)境（簡(jiǎn)稱IDE）還提供可視化編輯器，幫助大家通過簡(jiǎn)單的拖拽操作利用jQuery Mobile、Angular JS、HTML 5以及Bootstrap組件構(gòu)建起富用戶界面。
#p#
AngularJS測(cè)試工具
12) Protractor
Protractor是一款專門面向AngularJS應(yīng)用程序的Node.js測(cè)試框架。在Protractor當(dāng)中，其提供一套利用JSON Webdriver Wire協(xié)議控制的瀏覽器，能夠以異步方式執(zhí)行查找及DOM元素交互等操作。因此，它允許大家對(duì)各類運(yùn)行在真實(shí)瀏覽器之內(nèi)的應(yīng)用程序進(jìn)行測(cè)試——正如用戶的實(shí)際使用過程一樣。
13) Mocha
Mocha是一套面向Node.js與該瀏覽器的JavaScript框架。它同時(shí)支持行為驅(qū)動(dòng)與測(cè)試驅(qū)動(dòng)兩類開發(fā)方式。Mocha使得異步代碼測(cè)試變得非常便捷，而且支持使用任意斷言庫。Mocha還提供多項(xiàng)定義功能，例如：
? 元生成套件與測(cè)試用例
? 將未捕獲異常映射至正確測(cè)試用例
? 可擴(kuò)展報(bào)告
? 測(cè)試特定超時(shí)
? 支持節(jié)點(diǎn)調(diào)試工具
14) Code Orchestra
Code Orchestra是一款用于對(duì)移動(dòng)/Web應(yīng)用程序進(jìn)行測(cè)試及構(gòu)建的開發(fā)工具。它以程序方式起效，允許用戶實(shí)時(shí)編寫代碼。當(dāng)大家編輯代碼并點(diǎn)擊保存時(shí)，相關(guān)修改內(nèi)容會(huì)被直接交付至運(yùn)行中的應(yīng)用程序。它同時(shí)可與AngularJS等多種主流Web技術(shù)協(xié)作，且支持全部IDE方案。
AngularJS擴(kuò)展
15) ng-inspector
ng-inspector提供一套監(jiān)督控制面板，用于對(duì)AngularJS應(yīng)用程序進(jìn)行開發(fā)與調(diào)試。它屬于一款面向Chrome、Safari以及火狐等平臺(tái)的瀏覽器插件。該擴(kuò)展提供DOM高亮顯示、層次范圍查看、范圍模式查看等，且完全以實(shí)時(shí)方式更新。
16) angular-gettext
Angular-gettext是一款面向AngularJS應(yīng)用程序的翻譯工具。它支持超過130種不同種類的語言。
17) Angular JS Eclipse Plugin
Eclipse是一套面向Java開發(fā)人員的集成開發(fā)環(huán)境（簡(jiǎn)稱IDE）。不過我們可以利用各類插件輕松對(duì)其進(jìn)行擴(kuò)展，從而支持多種編程語言，包括JavaScript、Python以及Ruby。AngularJS Eclipse插件能夠?qū)clipse WTP（即Web工具平臺(tái)）進(jìn)行擴(kuò)展，從而將其轉(zhuǎn)化成一套支持AngularJS表達(dá)與命令、Angular Explorer視圖的HTML編輯器外加JavaScript編輯。
#p#
AngularJS庫
18) Angular Fire
Angular Fire是一套AngularJS代碼捆綁方案，用于將Firebase后端與AngularJS應(yīng)用程序相對(duì)接。Firebase是一套Web應(yīng)用程序開發(fā)框架，其主要產(chǎn)品就是Angular Fire——AngularJS的一套開源庫。Firebase SDK與Angular Fire能夠提供三向數(shù)據(jù)綁定、快速數(shù)據(jù)同步、內(nèi)置驗(yàn)證與用戶管理服務(wù)以及免費(fèi)托管等功能。
19) Polymer
Polymer是一套用于擴(kuò)展HTML詞匯的庫。它提供一套聲明式語法，能夠便捷地對(duì)定制化元素進(jìn)行定義。除此之外，它還提供其它多種功能，例如模板、雙向數(shù)據(jù)綁定以及屬性觀察等。因此，它能幫助大家以更為精簡(jiǎn)的代碼構(gòu)建起可以重復(fù)利用的Web技術(shù)元素。
20) UI Bootstrap
Twitter Bootstrap是一款高人氣HTML、CSS以及JS框架，主要用于面向移動(dòng)設(shè)備的Web應(yīng)用程序開發(fā)任務(wù)。UI Bootstrap通過提供一系列基于Bootstrap標(biāo)記與CSS組件的原生Angular JS命令發(fā)揮出Twitter Bootstrap的強(qiáng)大能力，其中包括Accordion、Alert、Carousel、Cooapse、Timepicker以及Dropdown等等。
21) Angular UI Router
Angular UI Router是一款面向Angular JS命令的原生庫。它作為Angular JS的路由框架起效，能夠?qū)⒔缑娌鸱殖梢惶谞顟B(tài)機(jī)。它的主要優(yōu)勢(shì)體現(xiàn)在強(qiáng)大的狀態(tài)與視圖折疊能力。
總結(jié)
我已經(jīng)把自己整理出的一切有價(jià)值信息都囊括在了文章當(dāng)中。但是可以肯定，目前大家常用的AngularJS工具、擴(kuò)展及測(cè)試方案還有很多。如果各位在實(shí)踐過程中積累到了其它出色的選項(xiàng)，請(qǐng)?jiān)谠u(píng)論欄中與我們分享。
網(wǎng)頁名稱：面向AngularJS開發(fā)人員的21款實(shí)用工作流工具
本文URL：http://www.dlmjj.cn/article/cogoeoi.html
