學習筆記:Angular學習-01Angular CLI安裝與項目創建
node.JS安裝
nodejs的安裝比較簡單,安裝過程見下面的鏈接,其中有nodejs的下載地址及如何安裝,以及淘寶鏡像。
https://blog.csdn.net/Z_X_L_/article/details/97136122
Augular cli的安裝
鍵盤windows+R進入cmd界面,輸入一下命令進行安裝
npm install -g @angular/cli
如果安裝了淘寶鏡像的就輸入下面的命令。用淘寶鏡像下載會快一些。
cnpm install -g @angular/cli
安裝完成後輸入下面指令驗證是否安裝成功
ng version
Angular項目創建
安裝Angular CLI成功後,仍然在cmd界面,輸入下面指令進行項目創建
ng new 項目名稱
當項目所需文件都創建好後就可以在cmd界面按CTRL+C
終止創建,然後cd進入新創建的項目的目錄,輸入下面指令安裝項目所需依賴
cnpm install
選擇添加或不添加路由,Style選擇爲CSS或者SCSS,或者你想選其他的
當項目的文件夾中包含下面這些文件時,即可跳至圖3步驟,執行CTRL+C終止創建項目的行爲,然後通過命令進入項目的目錄,通過cnpm install
安裝項目依賴。如圖4。
圖2
圖3
圖4
項目創建完成後同樣cd進入項目的目錄下,運行下面命令啓動項目
//運行Angular項目
ng serve
//或者
ng serve --open