在安裝 Vue 之前，我們首先要安裝 nodejs，本文略過 nodejs 安裝過程，可以到以下網(wǎng)址下載及安裝 nodejs :
https://nodejs.org/en/download/
配置 CNPM
由于默認的 npm 可能下載插件會比較慢，我們一般會使用淘寶 NPM 鏡像。安裝淘寶 NPM 鏡像如下：
# 查看npm版本
npm -v
#安裝淘寶npm鏡像
npm install -g cnpm --registry=https://registry.npmmirror.com
# 更新npm
cnpm install npm -g
# 更新cnpm
npm install cnpm -g
安裝
執(zhí)行以下命令，安裝 Vu3。
# 安裝最新版 Vue
cnpm install vue@next
# 全局安裝 vue-cli
cnpm install -g @vue/cli
# 全局安裝 vue-cli-init
cnpm i -g @vue/cli-init
# 查看 vue 版本信息
vue --version
# 更新到最新版
vue upgrade --next
命令行創(chuàng)建項目
用 Vue 的命令行工具可快速開發(fā)一個項目。
vue init webpack demo-test-1
cd demo-test-1
cnpm run dev
使用 Vite 運行項目
Vite 是一個 web 開發(fā)構建工具，由于其原生 ES 模塊導入方式，可實現(xiàn)快速的冷服務啟動。
npm init vite demo-test2
cd demo-test2
cnpm install
cnpm run dev
FAQ
-
在 Windows 上安裝 Vue 的命令行工具時，可能會報一個沒有權限創(chuàng)建目錄的錯誤，解決方案是給 nodejs 賦完全控制權。
image.png
