4. 安裝 node.js 及 vue-cli

1. NVM 是用來管理 node.js 版本的工具： https://github.com/coreybutler/nvm-windows
   1. nvm -v：目前該nvm版本
   2. nvm list：列出目前電腦有安裝的nodejs版本
   3. nvm list available：目前網路上可用的nodejs版本列表
   4. nvm install v12.19.0：該nodejs版本下載安裝
   5. nvm uninstall v12.19.0：移除該nodejs版本
   6. nvm use v12.19.0：使用該nodejs版本
2. 安裝完 node.js 就會有 npm（node.js套件管理工具）
   1. npm -v：目前npm的版本
   2. npm init：新增 package.json
   3. npm install [套件名稱]：安裝 NPM 套件
   4. npm install [套件名稱] -g：安裝全域 NPM 套件（C:\Users\[使用者名稱]\AppData\Roaming\npm\node_modules）
   5. npm install [套件名稱] -S：安裝套件並寫入 package.json 的 dependencies（-S 等同 --save）
   6. npm install [套件名稱] -D：安裝套件並寫入 package.json 的 devDependencies（-D 等同 --save-dev）
   7. npm uninstall [套件名稱]：移除 NPM 套件
   8. npm uninstall [套件名稱] -g：移除全域 NPM 套件
   9. npm list：顯示已套件列表
   10. npm install：還原套件
3. 安裝 vue-cli

   npm install -g @vue/cli

   檢查版本

   vue --version

   更新 vue-cli

   npm update -g @vue/cli

    

4. 建立 vue-cli 專案（記得先切換到欲儲存該專案的位置）

   vue create 專案名稱

   亦可用圖形界面：

   vue ui

   啟動專案

   cd 專案名稱
   npm run serve

   node_modules ：就是我們透過npm下載下來的套件跟工具都會放在這個資料夾裡面。
   package.json：關於這整包專案所有的資訊，包含我們安裝的套件版本，專案版本，npm指令都可以在這個json檔案裡面找得到，之後要搬移專案重新安裝套件也需要靠這個json檔案（裡面的 script 就是給 npm run 用的）
   package-lock.json：package-lock.json是npm5版本新增的，是專門紀錄package.json裡面更細節的內容，例如安裝的套件的詳細版本，或是確認你的dependency (依賴)是被哪個函式庫所要求的等等，不過這個我們通常就放著不太會管它。