AngularJS的環境搭建教學
- 小云云原創
- 2018-01-02 09:50:461469瀏覽
本文主要介紹了初學者AngularJS的環境搭建過程,在文章給大家提到了Angular-cli的特性，大家一起看看吧，希望能幫助到初學者成功搭建一個AngularJS環境。
AngularJS是什麼?
AngularJS是一個開源網頁應用程式框架。它最初是由MISKO Hevery和Adam Abrons於2009年開發。現在是由Google維護
AngularJS特性
AngularJS是一個功能強大的基於JavaScript開發框架用於創建富互聯網應用(RIA)。
AngulajJS為開發者提供的選項(使用JavaScript)在一個乾淨的MVC(模型 - 視圖 - 控制器)的方式來編寫客戶端應用程式。
AngularJS寫的應用程式都是跨瀏覽器相容。 AngularJS使用JavaScript程式碼自動處理適應每種瀏覽器。
AngularJS是開源的，完全免費的，並且由數千名世界各地的開發者開發和維護。它是根據Apache許可證2.0版許可發布。
總體來說，AngularJS是一個用來建立大型應用，高效能的網路應用程式的框架，同時使它們易於維護。
一 、在這裡簡單介紹一下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的環境搭建教學的詳細內容。更多資訊請關注PHP中文網其他相關文章！