一 、vue3.0安裝

vue3.0安裝 個人推薦以下2種

（1）. 開發工具的對應程式碼中 插入CDN

<script src="https://unpkg.com/vue@next"></script>

(2). 通過npm 官方安裝node

• 去百度搜索Node.js

  

• 下載完成後，點選Next即可--下一步--,直至安裝完成出現Finsh。

• 檢視是否安裝成功

  node -v 檢視 node 版本
  
  npm -v 檢視 npm 版本
  
  

  安裝成功後，第一步

  1. 淘寶映象
  
  npm install -g cnpm --registry=https://registry.npm.taobao.org
  
  如需檢視則
  
  cnpm -v
  
  

3.vue環境

 cnpm instal   -g vue @vue-cli

溫馨提示：需要在有網的情況下裝  必須等 這35個走完

如果在裝載過程中停止了，需要重複這個程式碼，重新載入，直到載入完成

檢查vue是否裝載好了，     vue -V

  版本需是4.5以上的版本

 桌面新建一個專案     cd desktop

   建立專案格式    vue create ProjectName  例如 vue create todolist

  選擇 Manually select Features   (利用上下鍵進行選擇)

選擇下圖中的這幾項，利用上下鍵選擇 選中按 空格鍵 接著選下一個 全部選擇完成後，則按下 回車鍵

選擇版本  由於我們安裝的是vue3.0 選擇 3.x

設定對應的功能如下圖所示

完成上述，則可進入 vscode中 開啟 終端， 輸入 npm run serve

  如果個人修改過package.json中的scripts--serve，則根據修改後的名稱執行上述程式碼

<

 執行成功後，會自動為其開通8080埠      Ctrl+滑鼠左鍵  選擇下圖中的local

 跳轉至網頁出現下圖則安裝成功