前言你前提應該懂下面基礎知識：
下載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項目新建完畢！！！！
以上為博主原創，請勿隨意轉載別人的成果！！！轉載注明出處謝謝合作！！！