前端開(kāi)發(fā)幾乎都會(huì)使用到Angular，它是構(gòu)建網(wǎng)站的絕佳框架，接下來(lái)我們來(lái)討論一下如何以及在何處需要這些Angular開(kāi)發(fā)工具。想學(xué)習(xí)前端的同學(xué)可以參加Web前端培訓(xùn)，有系統(tǒng)全面的課程，還有經(jīng)驗(yàn)豐富的專(zhuān)業(yè)講師指導(dǎo)教學(xué)，可以快速掌握前端知識(shí)和技能，節(jié)省很多學(xué)習(xí)時(shí)間，少走彎路。
編碼使用工具
在Angular中編碼時(shí)，有很多機(jī)會(huì)意外插入錯(cuò)誤或bug。此外，你還需要一個(gè)非常優(yōu)秀的內(nèi)容管理器來(lái)保持所有代碼和相關(guān)數(shù)據(jù)井然有序。因此，第一類(lèi)角度開(kāi)發(fā)工具是用于編碼的。
Aptana
Aptana是一個(gè)基于開(kāi)源IDE(集成開(kāi)發(fā)環(huán)境)的工作室，Angular開(kāi)發(fā)者可以在這里編寫(xiě)網(wǎng)站代碼。它是一個(gè)無(wú)縫的構(gòu)建、編輯、預(yù)覽和調(diào)試環(huán)境。它專(zhuān)注于Javascript、CSS、HTML和其他類(lèi)似的web語(yǔ)言。
WebStorm
WebStorm是一個(gè)功能強(qiáng)大的編碼開(kāi)發(fā)工具。由JetBrains作為IDE構(gòu)建，WebStorm附帶了一個(gè)預(yù)安裝的Dart插件。WebStorm提供的一個(gè)非常有趣的特性是，無(wú)需訪問(wèn)或刷新頁(yè)面，就可以顯示代碼的運(yùn)行情況。WebStorm是一個(gè)完美的實(shí)時(shí)編輯管理器，適用于CSS、Javascript和HTML。這個(gè)Angular
開(kāi)發(fā)工具甚至在導(dǎo)入項(xiàng)目的Angular腳本之前就已經(jīng)傳遞了模塊包。如果想要盡快學(xué)到前端入門(mén)的的知識(shí)，建議去Web前端培訓(xùn)學(xué)習(xí)，有大神老師帶你，學(xué)起來(lái)又輕松又有效。
Sublime Text
Sublime
Text是一個(gè)專(zhuān)有的跨平臺(tái)源代碼編輯器，用于散文、標(biāo)記和代碼。它有一個(gè)Python應(yīng)用程序編程接口。你可以獲得分屏編輯支持，這有助于并排編輯文件或在一個(gè)文件中編輯兩個(gè)位置?？啥ㄖ频拇a段支持也可以與Angular捆綁在一起。
測(cè)試和調(diào)試工具
編碼完成后，下一步是測(cè)試和調(diào)試代碼，以發(fā)現(xiàn)錯(cuò)誤和bug。下面提到了一些最重要的用于測(cè)試和調(diào)試的Angular開(kāi)發(fā)工具。
Jasmine
Jasmine是一個(gè)用于測(cè)試的開(kāi)源Angle開(kāi)發(fā)工具。Jasmine的USP是它可以在任何支持Javascript的平臺(tái)上運(yùn)行。Jasmine除了將BDD(行為驅(qū)動(dòng)開(kāi)發(fā))用于TDD(測(cè)試驅(qū)動(dòng)開(kāi)發(fā))之外，還使用BDD(行為驅(qū)動(dòng)開(kāi)發(fā))。還有另一個(gè)測(cè)試工具“Karma”(下文討論)，它與Jasmine組成了一對(duì)完美的組合。有了這兩個(gè)工具，測(cè)試和調(diào)試就變得很容易了。
Karma
你會(huì)收到你播種的果實(shí)，你會(huì)收到你編碼的錯(cuò)誤。這就是Karma，一個(gè)用于角度開(kāi)發(fā)的測(cè)試工具的恰當(dāng)名稱(chēng)。Karma在瀏覽器中運(yùn)行測(cè)試，但在CLI(命令行界面)中報(bào)告測(cè)試，并不斷反饋每個(gè)測(cè)試的狀態(tài)。使用Karma，你可以進(jìn)行各種測(cè)試，如E2E測(cè)試、單元測(cè)試、中途測(cè)試等。在Web前端培訓(xùn)中，不僅有理論知識(shí)的課程，也會(huì)有實(shí)操項(xiàng)目的訓(xùn)練，讓你深入淺出地學(xué)習(xí)前端技術(shù)，彌補(bǔ)項(xiàng)目經(jīng)驗(yàn)的空缺。
Protractor
Protractor是一個(gè)端到端的測(cè)試框架。它是Angular集團(tuán)創(chuàng)建的最嚴(yán)格、最密集的自動(dòng)化測(cè)試工具。它針對(duì)在真實(shí)瀏覽器中運(yùn)行的應(yīng)用程序運(yùn)行測(cè)試，就像用戶(hù)如何與應(yīng)用程序交互一樣。量角器自動(dòng)將你的測(cè)試同步到網(wǎng)頁(yè)。量角器與Mocha、Node.js、
Jasmine、Selenium兼容。
模塊工具
模塊是應(yīng)用程序的一組不同部分，如指令、工廠、過(guò)濾器、控制器、服務(wù)等。
ng-Table
ng-Table指令用于通過(guò)支持、排序和篩選來(lái)增強(qiáng)HTML表。它提供可變的行高度和偉大的分頁(yè)。它的數(shù)據(jù)庫(kù)中包含了許多新功能和樣式，以提高角度開(kāi)發(fā)的標(biāo)準(zhǔn)。
AngularUI
AngularUI將AngularUI與UI部分相結(jié)合。AngularUI允許更快地組裝應(yīng)用程序。它利用了各種指令，如UI日歷、UI路由器、UI引導(dǎo)、UI映射、UI通知等。在所有指令中，AngularUI中最有用的可能是UI引導(dǎo)，它可以從AngularUI本身開(kāi)始，在本地為其他平臺(tái)(如Twitter)創(chuàng)建引導(dǎo)模板。想學(xué)習(xí)更多Angular開(kāi)發(fā)工具，不妨考慮參加Web前端培訓(xùn)，可以在短時(shí)間獲得快速提升，有效提高前端開(kāi)發(fā)工作效率。
