用Angular腳手架搭建項目

安裝全局angular-cli

首先你得安裝好node和npm的環境。
接着用命令:npm install -g @angular/cli(這個命令能夠安裝最新版)
而後用 ng version命令檢驗是否成功node

clipboard.png

用腳手架生成項目

你能夠選擇在你想要新建項目的文件夾下打開命令行窗口輸入下面這個命令 ng new your-project-name
最後項目建立成功後,會有提示的(我沒有截全)npm

clipboard.png

有一個快捷鍵的方式打開當前文件夾的cmd窗口:在目標文件夾下按住shift而後鼠標右鍵,就會有以下這個選項。spa

clipboard.png

啓動項目

我直接用npm start這個命令了命令行

clipboard.png

項目啓動完成

clipboard.png
這個項目版本算是挺老的了,後來本身又跑去升級了腳手架,把項目升到最新版(如圖1所示)ip

相關文章
相關標籤/搜索