AngularJS是什么?

成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比王屋網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式王屋網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋王屋地區。費用合理售后完善，10多年實體公司更值得信賴。

AngularJS是一個開源Web應用程序框架。它最初是由MISKO Hevery和Adam Abrons于2009年開發。現在是由谷歌維護

AngularJS特性

AngularJS是一個功能強大的基于JavaScript開發框架用于創建富互聯網應用(RIA)。

AngulajJS為開發者提供的選項(使用JavaScript)在一個干凈的MVC(模型 - 視圖 - 控制器)的方式來編寫客戶端應用程序。

AngularJS寫的應用都是跨瀏覽器兼容。AngularJS使用JavaScript代碼自動處理適應每種瀏覽器。

AngularJS是開源的，完全免費的，并且由數千名世界各地的開發者開發維護。它是根據Apache許可證2.0版許可發布。

總體來說，AngularJS是一個用來構建大型應用，高性能的Web應用程序的框架，同時使它們易于維護。

一  、在這里簡單介紹一下Angular-cli的特性：

Angular-cli可以快速搭建框架，創建module，service，class，directive等；

有webpack的功能，可以實現代碼分隔、按需加載等；

自動配置開發環境、測試環境、生產環境，可以實現代碼的打包壓縮和熱部署，還可以實現模塊測試、端到端測試

Angular-cli可以通過后綴自動識別sass、less的預編譯；

Angular-cli可以在創建的時候進行TypeScript的配置，還可以做一些個性化配置；

通過Angular-cli創建的工程結構是最佳實踐，可以用于生產環境；

二、安裝nodejs

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

三、安裝npm和cnpm

下一步是安裝npm，

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

允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

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

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

到這里已經完成了nodejs和npm的安裝，不過在大天朝內用npm安裝的話會有一些問題，所以我們用cnpm安裝，cnpm也是npm的一個包。

安裝cnpm，執行命令

npm i -g cnpm

執行這個命令之后，等待完成，然后輸入cnpm version查看是否安裝完成，這里我已經安裝過了，所以可以進去了。

安裝完成cnpm之后，我們開始安裝Angular-cli。

執行命令

cnpm i -g angular-cli

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

安裝完成之后我們就可以使用ng命令，下面開始創建項目。

四、項目創建

安裝完成angular-cli之后就可以直接創建項目了，執行命令

ng new JustForTest

其中JustForTest是項目名稱

執行這個命令是創建很多文件，而且需要等待一下，這個步驟會等很久,需要等到nod_.modules的安裝完成

直接使用ng serve啟動。

這樣就可以直接啟動項目，我們在瀏覽器中輸入：http://localhost:4200可以直接訪問：

五、在導入項目

如果是從網上找項目，我們怎么在本地啟動呢？下面我們具體操作一下：

推薦大家去看一下大漠老師的這個教程：Angular2.0視頻教程來了

，在這里演示我們也是用大漠老師的一個項目：NiceFish，首先我們需要通過git將項目clone下來，這里就不演示這個了，這是NiceFish的項目地址：http://git.oschina.net/mumu-osc/NiceFish

項目clone下來之后，命令行進入項目所在目錄。

執行命令

cnpm i -g @angular/cli

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

等待命令執行完成，之后再執行命令

cnpm install

然后執行命令

ng serve -prod -aot

然后等待編譯完成。

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

http://localhost:4200  訪問項目。

總結

以上所述是小編給大家介紹的初學者AngularJS的環境搭建過程，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創新互聯網站的支持！

網站題目：初學者AngularJS的環境搭建過程
轉載來源：http://vcdvsql.cn/article22/pepojc.html

成都網站建設公司_創新互聯，為您提供網站收錄、網站維護、網站策劃、營銷型網站建設、自適應網站、微信小程序

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯