vue3.0安裝教程

一 、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 
 跳轉至網頁出現下圖則安裝成功