ng-cli新建項目

tip:全部的命令是紅色標籤 ， 連接爲藍色標籤

使用ng-cli建立新的項目通常須要安裝一些新的東西后才能夠進行建立成功

1.須要先安裝node.js  連接: https://nodejs.org/ 找到合適本身電腦的版笨，進行下載安裝

2.安裝完成以後，在開始菜單中輸入cmd 進入命令，輸入node -v  查看是否安裝成功,若是安裝成功會出現版本信息，最新的node.js集成了npm，也就是說安裝好了node同時npm也安裝好了，同時，輸入 npm -v 查看版本信息

3.當確認本機安裝好node.js以後，能夠使用npm 進行安裝typeScript  npm install -g typeScript

接下來安裝ng-cli

4.npm install -g @angular/cli

5.驗證是否安裝成功 檢測命令：ng version  系統會自動輸出版本信息：

@abgular/cli：1.1.1 版本信息

node:7.00

os:darwin 64

5.安裝好ng-cli以後就須要安裝新的項目，要知道你是否有項目的目錄，若是有項目的目錄就須要使用ng init 的命令來新建，若是沒有則須要使用 ng new +新的項目

　　ng init 在當前的目錄中常見新的應用

　　ng new 建立新的目錄，而後在新的目錄中運行ng init 命令

 

• 這裏在不知道是否建立了目錄的時候使用 ng init 若是出現報錯的狀況下，則是表示沒有已建立的目錄，則須要改成 ng new +新的項目名稱 

 

　　當在此出現如下報錯時，

      pm WARN deprecated circular-json@0.5.9: CircularJSON is in maintenance only, flatted is its successor.

　　npm ERR! Unexpected end of JSON input while parsing near '...75V1G\n7o7pADTdBhux
　　yQ'

　　npm ERR! A complete log of this run can be found in:
　　npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2019-01-30T0
　　1_13_57_818Z-debug.log
　　　　

　　Package install failed, see above.

　　請執行如下操做

　  　npm uninstall -f -g @angular/cli
　　 npm cache clean --force
　　 npm install -g @angular/cli@latest

當運行ng new的時候出現如下操做

　　1） 新的項目目錄被建立

　　2）項目的源文件和目錄將會被建立

　　3）項目的全部依賴【package.json中配置的依賴性】也會自動被建立

　　4）自動配置好項目中的typeScript開發環境和karma單元測試環境以及peotractor測試環境

　　5）environment相關文件進行初始化

6 使用命令進入到新建的文件項目中

　　cd +剛纔新建的項目中

7.項目運行： ng serve 

 

在這裏的時候輸入的命令以後，可能會存在輸入命令沒法在輸入進去，須要使用ctrl+D一次 或  ctrl+C兩次 或輸入「 .exit」命令調出，會給出響應的顯示，這是隻要進行對應提示輸出便可

 

8.在瀏覽器中輸入localhost:4200 進行查看項目建立成功

9.在建立目錄中能夠使用 tree 查看項目結構