建立新專案


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

註:如果要結束上述伺服器,在終端機視窗按下Ctrl + c,之後輸入Y確認終止批次工作,即可結束伺服器

results matching ""

    No results matching ""