国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

你的第一個(gè)AngularJS應(yīng)用--教程二：基架、建立和測試的工具

k00baa / 1989人閱讀

摘要：包括腳手架依賴管理準(zhǔn)備測試包括單元測試和端到端測試。我們用來開發(fā)的工具有。是一個(gè)工具集，包含個(gè)核心組件，，和腳手架工具。當(dāng)你正在做自己的一個(gè)項(xiàng)目時(shí)，使用哪些模塊將取決于你自己。這個(gè)目錄當(dāng)然是測試文件。

介紹

有很多可用的工具可以幫助你開發(fā)AngularJS 應(yīng)用，那些非常復(fù)雜的框架不在我的討論范圍之中，這也是我開始這系列教程的原因。
在第一部分，我們掌握了AngularJS框架的基本結(jié)構(gòu)，開發(fā)了第一應(yīng)用。這篇博文是為那些初學(xué)者寫到。如果你是一個(gè)經(jīng)驗(yàn)豐富的AngularJS開發(fā)者，你可能對揭秘指令或者AngularJS在創(chuàng)業(yè)公司的使用更感興趣。
在這一部分，我們將把應(yīng)用的邏輯層放在一邊，而是去學(xué)習(xí)如何組織正確的AngularJS項(xiàng)目。包括：腳手架、依賴管理、準(zhǔn)備測試（包括單元測試和端到端測試）。我們用來開發(fā)AngularJS的工具有：Yeoman, Grunt, and Bower。下面我們將重新看一下寫代碼和用 Karma 測試的過程。

Karma, Jasmine, Grunt, Bower, Yeoman…這些工具是什么？

如果你使用JavaScript來工作，有很大的可能性你已經(jīng)知道了他們其中的一些工具，即使你是剛接觸Angular。但是為了確保一個(gè)共同的基準(zhǔn)，我將不會使用任何假設(shè)。讓我們簡單地回顧一下這些技術(shù)和他們的用途吧。

Karma（之前的名字是Testacular），是Google的JavaScript測試器，所以它也是測試Angular的自然選擇。另外也允許你在真實(shí)的瀏覽器運(yùn)行你的測試（包括手機(jī)/平板電腦的瀏覽器），它也支持測試無關(guān)的框架。這意味著你可以使用它結(jié)合其他框架，比如 Jasmine, Mocha, 或者 QUnit。

Jasmine也是我們測試框架的一個(gè)選擇，至少在這里。如果你曾經(jīng)用它工作過，你會發(fā)現(xiàn)它的語法和Rspec非常相近。如果沒有也不用擔(dān)心，我們將在本教程里詳細(xì)地講解。

Grunt是一個(gè)測試器，可以幫助我們自動處理一些重復(fù)的任務(wù)，比如：壓縮、編譯、測試和建立一個(gè)簡單的AngularJS應(yīng)用。

Bower是一個(gè)包管理器，能夠幫助你找到并安裝你應(yīng)用所依賴的包，比如CSS框架，JavaScript庫，等等。它運(yùn)行在git上，十分像Rails，避免了需要手動下載和更新的依賴關(guān)系。

Yeoman是一個(gè)工具集，包含3個(gè)核心組件：Grunt，Bower，和腳手架工具Yo。Yo在generators（也是腳手架模版）的幫助下生產(chǎn)代碼樣板文件，為你的項(xiàng)目自動配置Grunt和Bower。你可以幾乎在任何JavaScript框架（比如：Angular，Backbone，Ember等）中發(fā)現(xiàn)generators，但是因?yàn)槲覀儸F(xiàn)在講Angular，我們將使用generator-angular項(xiàng)目。

所以，我們從這里開始

很好，我們需要做的第一件事是安裝我們需要的工具
1. 如果你沒有安裝git，node.js和npm，那么要先安裝它們。
2. 然后，我們將進(jìn)入命令行輸入下面的命令來安裝Yeomen工具。

npm install -g yo grunt-cli bower

噢，不要忘了，我們將使用AngularJS generator。所以你也需要安裝它。

npm install -g generator-angular

好的現(xiàn)在我們準(zhǔn)備好了。

生成我們的AngularJS應(yīng)用

上一次，我們從angular-seed項(xiàng)目手動地復(fù)制了我們的基本文件。這一次，我們將使用yo（結(jié)合generator-angular）來為我們做這些。
now，我們需要做的就是創(chuàng)建我們新項(xiàng)目的文件，瀏覽并運(yùn)行

yo angular

我們將展示一些選擇項(xiàng)，比如是否包括Bootstrap和Compass，此時(shí)，讓我們對Compass說no，對Bootstrap說yes。然后，當(dāng)提示包含哪一個(gè)模塊的時(shí)候(resource, cookies, sanitize and route)，我們將只選擇

angular-route.js

我們項(xiàng)目的基本文件應(yīng)該會在一分鐘之內(nèi)創(chuàng)建出來。集成了Karma和一些預(yù)配置的。
提示：必須牢記我們要限制這里的模塊。
當(dāng)你正在做自己的一個(gè)項(xiàng)目時(shí)，使用哪些模塊將取決于你自己。
現(xiàn)在，由于我們正在使用Jasmine，讓我們把它的適配器加入到我們的項(xiàng)目

npm install karma-jasmine --save-dev

在這個(gè)例子中，我們希望測試能夠在瀏覽器里執(zhí)行。讓我們再次添加

npm install karma-chrome-launcher --save-dev

ok，如果我們所做的每一件事都是正確的，我們的項(xiàng)目文件結(jié)構(gòu)應(yīng)該是這樣的：

我們應(yīng)用代碼應(yīng)該在 app/ 這個(gè)目錄下。 test/ 這個(gè)目錄當(dāng)然是測試文件。在根目錄下我們看到那些是項(xiàng)目的配置文件。他們中的每一個(gè)都有很多需要學(xué)習(xí)的，但是現(xiàn)在我們只是堅(jiān)持了默認(rèn)配置。那么讓我們運(yùn)行一次我們的項(xiàng)目吧，我們可以用下面的命令執(zhí)行

grunt serve

瞧，我們的app現(xiàn)在應(yīng)該跳出在我們面前了。

上一篇譯文在這里：http://segmentfault.com/blog/news/1190000000347412
原文鏈接：http://www.toptal.com/angular-js/your-first-angularjs-app-part-2-scaffolding-building-and-testing

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/87669.html

相關(guān)文章

  • angular - 收藏集 - 掘金

    摘要：如何在中使用動畫前端掘金本文講一下中動畫應(yīng)用的部分。與的快速入門指南推薦前端掘金是非常棒的框架，能夠創(chuàng)建功能強(qiáng)大，動態(tài)功能的。自發(fā)布以來，已經(jīng)廣泛應(yīng)用于開發(fā)中。 如何在 Angular 中使用動畫 - 前端 - 掘金本文講一下Angular中動畫應(yīng)用的部分。 首先，Angular本生不提供動畫機(jī)制，需要在項(xiàng)目中加入Angular插件模塊ngAnimate才能完成Angular的動畫機(jī)制...

    AlexTuan 評論0 收藏0

  • 【譯】前端練級攻略

    摘要：由于系統(tǒng)變得越來越復(fù)雜，人們提出了稱為預(yù)處理器和后處理器的工具來管理復(fù)雜性。后處理器在由預(yù)處理器手寫或編譯后對應(yīng)用更改。我之前建議的文章，，也涵蓋了預(yù)處理器相關(guān)的知識。 譯者：前端小智 原文：medium.freecodecamp.org/from-zero-t… medium.freecodecamp.org/from-zero-t… 我記得我剛開始學(xué)習(xí)前端開發(fā)的時(shí)候。我看到了很多文章及...

    wuyumin 評論0 收藏0

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會不定期更...

    princekin 評論0 收藏0

  • 你的第一個(gè)AngularJS應(yīng)用

    摘要：從最重要的頁面開始吧錦標(biāo)賽的表格。重啟你的應(yīng)用，看看搜索框。然后我們加入兩個(gè)路由一個(gè)轉(zhuǎn)向錦標(biāo)賽表格，另一個(gè)轉(zhuǎn)向車手詳情。你所需要做的只是創(chuàng)建一個(gè)名為的文件，然后將錦標(biāo)賽表格放在那里。結(jié)論我們已經(jīng)介紹了開發(fā)一個(gè)簡單應(yīng)用所需的一切。 AngularJS是Google開源出來的一款 Javascript MVC 框架。利用AngularJS，你可以構(gòu)建結(jié)構(gòu)清晰、便于測試和維護(hù)的前端應(yīng)用。 ...

    shadajin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<