AngularJS是什么?

10年積累的網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程，更有高平免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

AngularJS是一個(gè)開(kāi)源Web應(yīng)用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年開(kāi)發(fā)。現(xiàn)在是由谷歌維護(hù)

AngularJS特性

AngularJS是一個(gè)功能強(qiáng)大的基于JavaScript開(kāi)發(fā)框架用于創(chuàng)建富互聯(lián)網(wǎng)應(yīng)用(RIA)。

AngulajJS為開(kāi)發(fā)者提供的選項(xiàng)(使用JavaScript)在一個(gè)干凈的MVC(模型 - 視圖 - 控制器)的方式來(lái)編寫(xiě)客戶(hù)端應(yīng)用程序。

AngularJS寫(xiě)的應(yīng)用都是跨瀏覽器兼容。AngularJS使用JavaScript代碼自動(dòng)處理適應(yīng)每種瀏覽器。

AngularJS是開(kāi)源的，完全免費(fèi)的，并且由數(shù)千名世界各地的開(kāi)發(fā)者開(kāi)發(fā)維護(hù)。它是根據(jù)Apache許可證2.0版許可發(fā)布。

總體來(lái)說(shuō)，AngularJS是一個(gè)用來(lái)構(gòu)建大型應(yīng)用，高性能的Web應(yīng)用程序的框架，同時(shí)使它們易于維護(hù)。

一  、在這里簡(jiǎn)單介紹一下Angular-cli的特性：

Angular-cli可以快速搭建框架，創(chuàng)建module，service，class，directive等；

有webpack的功能，可以實(shí)現(xiàn)代碼分隔、按需加載等；

自動(dòng)配置開(kāi)發(fā)環(huán)境、測(cè)試環(huán)境、生產(chǎn)環(huán)境，可以實(shí)現(xiàn)代碼的打包壓縮和熱部署，還可以實(shí)現(xiàn)模塊測(cè)試、端到端測(cè)試

Angular-cli可以通過(guò)后綴自動(dòng)識(shí)別sass、less的預(yù)編譯；

Angular-cli可以在創(chuàng)建的時(shí)候進(jìn)行TypeScript的配置，還可以做一些個(gè)性化配置；

通過(guò)Angular-cli創(chuàng)建的工程結(jié)構(gòu)是最佳實(shí)踐，可以用于生產(chǎn)環(huán)境；

二、安裝nodejs

　　AngularJS需要用到Nodejs，所以我們需要先安裝nodejs，需要用到nodejs，nodejs的下載地址是：https://nodejs.org/en/download/，

三、安裝npm和cnpm

下一步是安裝npm，

NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問(wèn)題，常見(jiàn)的使用場(chǎng)景有以下幾種：

允許用戶(hù)從NPM服務(wù)器下載別人編寫(xiě)的第三方包到本地使用。

允許用戶(hù)從NPM服務(wù)器下載并安裝別人編寫(xiě)的命令行程序到本地使用。

允許用戶(hù)將自己編寫(xiě)的包或命令行程序上傳到NPM服務(wù)器供別人使用。

到這里已經(jīng)完成了nodejs和npm的安裝，不過(guò)在大天朝內(nèi)用npm安裝的話(huà)會(huì)有一些問(wèn)題，所以我們用cnpm安裝，cnpm也是npm的一個(gè)包。

安裝cnpm，執(zhí)行命令

npm i -g cnpm

執(zhí)行這個(gè)命令之后，等待完成，然后輸入cnpm version查看是否安裝完成，這里我已經(jīng)安裝過(guò)了，所以可以進(jìn)去了。

安裝完成cnpm之后，我們開(kāi)始安裝Angular-cli。

執(zhí)行命令

cnpm i -g angular-cli

然后可以執(zhí)行ng version命令，查看是否安裝完成和angular-cli的版本

安裝完成之后我們就可以使用ng命令，下面開(kāi)始創(chuàng)建項(xiàng)目。

四、項(xiàng)目創(chuàng)建

安裝完成angular-cli之后就可以直接創(chuàng)建項(xiàng)目了，執(zhí)行命令

ng new JustForTest

其中JustForTest是項(xiàng)目名稱(chēng)

執(zhí)行這個(gè)命令是創(chuàng)建很多文件，而且需要等待一下，這個(gè)步驟會(huì)等很久,需要等到nod_.modules的安裝完成

直接使用ng serve啟動(dòng)。

這樣就可以直接啟動(dòng)項(xiàng)目，我們?cè)跒g覽器中輸入：http://localhost:4200可以直接訪(fǎng)問(wèn)：

五、在導(dǎo)入項(xiàng)目

如果是從網(wǎng)上找項(xiàng)目，我們?cè)趺丛诒镜貑?dòng)呢？下面我們具體操作一下：

推薦大家去看一下大漠老師的這個(gè)教程：Angular2.0視頻教程來(lái)了

，在這里演示我們也是用大漠老師的一個(gè)項(xiàng)目：NiceFish，首先我們需要通過(guò)git將項(xiàng)目clone下來(lái)，這里就不演示這個(gè)了，這是NiceFish的項(xiàng)目地址：http://git.oschina.net/mumu-osc/NiceFish

項(xiàng)目clone下來(lái)之后，命令行進(jìn)入項(xiàng)目所在目錄。

執(zhí)行命令

cnpm i -g @angular/cli

這里說(shuō)明一下，之前我們安裝的是全局的angular-cli。

等待命令執(zhí)行完成，之后再執(zhí)行命令

cnpm install

然后執(zhí)行命令

ng serve -prod -aot

然后等待編譯完成。

完成之后，我們就可以在瀏覽器中輸入：

http://localhost:4200  訪(fǎng)問(wèn)項(xiàng)目。

總結(jié)

以上所述是小編給大家介紹的初學(xué)者AngularJS的環(huán)境搭建過(guò)程，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司網(wǎng)站的支持！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前題目：初學(xué)者AngularJS的環(huán)境搭建過(guò)程-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://www.chinadenli.net/article18/dgsogp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站維護(hù)、動(dòng)態(tài)網(wǎng)站、Google、關(guān)鍵詞優(yōu)化、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)