建立新專案
- 建立專案存放的資料夾
- 開啟VSCode
- 上方功能列選擇
檔案 -> 開啟資料夾
,選擇第一步建立的資料夾 - 上方功能列選擇
檢視 -> 整合式終端機
,開啟終端機視窗 - 輸入指令
ng new [專案名稱]
,讓Angular CLI自動建立Angular 2專案 - 重複步驟3,這次選擇[專案名稱]資料夾
- 重複步驟4,開啟終端機視窗
- 輸入指令
npm install
,npm會根據專案中package.json設定,將專案使用的套件自動下載並安裝 - 等待套件安裝結束
- 輸入指令
ng serve
,Angular CLI會將專案打包,並且在本機開啟伺服器,URL是http://localhost:4200/ - 等待終端機看到
webpack: Compiled successfully.
伺服器開啟完成。 - 開啟瀏覽器進入上述網址,看到
app works!
代表專案建立完成並且伺服器開啟成功
註:如果要結束上述伺服器,在終端機視窗按下Ctrl + c
,之後輸入Y
確認終止批次工作,即可結束伺服器