前言你前提應該懂下面基礎知識：
下載node.js 下好後自帶npm 命令 終端檢視命令 npm -v 即可看到安裝版本
安裝淘寶映象：npm install -g cnpm --registry=https://registry.npm.taobao.org
npm init 在專案中引導建立一個package.json檔案 常用 npm init -y 直接自動生成
npm config 管理npm的配置路徑
npm config set <key> <value> [-g|--global]
npm config get <key>
npm config delete <key>
npm config list
npm config edit
npm get <key>
npm set <key> <value> [-g|--global]
例如在公司內網，因為公司的防火牆原因，無法完成任何模組的安裝，這個時候設定代理可以解決
npm config set proxy=http://xxx.com:8080
又如國內的網路環境問題，某官方的IP可能被和諧了，幸好國內有好心人，搭建了映象，此時我們簡單設定映象
npm config set registry="http://r.cnpmjs.org"
也可以臨時配置，如安裝淘寶映象
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm cache 管理模組的快取
最常用命令清除npm本地快取
npm cache clean
npm/cnpm安裝模組時候情況如下：
1、正常安裝：npm install [模組] -S/-D常用選項
2、指定版本安裝：npm install [模組]@版本 -S/-D常用選項
-S, --save 安裝包資訊將加入到dependencies（生產階段的依賴）
-D, --save-dev 安裝包資訊將加入到devDependencies（開發階段的依賴），所以開發階段一般使用它
-O, --save-optional 安裝包資訊將加入到optionalDependencies（可選階段的依賴）
-E, --save-exact 精確安裝指定模組版本
安裝新版本之前一般建議解除安裝之前的老版本vue-cli：
npm uninstall vue-cli -g
#or
yarn global remove vue-cli
對於Vue 3，您應該使用Vue CLI v4.5 @vue/cli。要升級，您需要在@vue/cli全域性重新安裝最新版本
yarn global add @vue/cli
# or
npm install -g @vue/cli
然後在Vue專案中執行
vue upgrade --next
建立專案
vue create <Project Name> // 檔名 不支援駝峰（含大寫字母）
vue3版本搭建專案流程中遇到的問題：
新建專案命令控制檯報錯
vue : 無法載入檔案 C:\Users\Administrator.WIN-MHB8ELOJK80\AppData\Roaming\npm\vue.ps1，因為在此係統上禁止執行指令碼。有關詳細資訊，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字元: ；
解決辦法：
1. 以管理員身份執行PowerShell
2. 執行：get-ExecutionPolicy，回覆Restricted，表示狀態是禁止的
3.執行：set-ExecutionPolicy RemoteSigned
4.選擇 Y
這下成功開始新建專案
按a全選或者逐個按需要選擇【空格鍵】選好回車
選擇vue版本 2.x or 3.x版本
是否使用history router；Vue-Router 利用了瀏覽器自身的hash 模式和 history 模式的特性來實現前端路由（通過呼叫瀏覽器提供的介面）
語法檢測以及程式碼格式化
是否儲存本次配置（y:記錄本次配置，然後需要你起個名; n：不記錄本次配置）按y下次新建專案即可直接選擇上一次配置好的模板；
新建完畢專案
專案骨架圖
啟動專案：npm/cnpm run serve 即可啟動本地服務 到此vue專案新建完畢！！！！
以上為博主原創，請勿隨意轉載別人的成果！！！轉載註明出處謝謝合作！！！