本篇文章主要的介紹了關於angularjs搭建開發環境，這裡有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/（想看更多就到PHP中文網AngularJS參考手冊專欄）
三、這裡要安裝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相關知識，就到PHP中文網AngularJS學習手冊欄位學習）。有問題的可以在下方提問。
【小編推薦】
angularjs怎麼開發web應用？ angularjs開發web應用程式實例
angularjs的路由原理你知道嗎？這裡有angularjs路由的詳細原理
以上是angularjs如何搭建開發環境？ angularjs搭建開發環境的流程分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
