學習筆記:Angular學習-----01Angular CLI安裝與項目創建

學習筆記: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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章