查看vue版本: npm list vue
查看vue-cli版本: vue -V

Vue3官網(wǎng)

S1:node版本 @v14.15.1

S2:vue-cli @4.5.9

//全局安裝vue-cli
yarn global add @vue/cli
//在vue項目中執(zhí)行
vue upgrade --next

S3:vite新建項目

yarn create vite-app  v3-learning
cd v3-learning
yarn 
yarn dev

• 折磨我的vite, 報錯如下:

warning package.json: No license field
$ vite
/bin/sh: vite: command not found
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

確定node、vue-cli、環(huán)境沒錯, 執(zhí)行 yarn add vite手動安裝后

yarn dev
//??終于成功
 Dev server running at:
 > Local:    http://localhost:3000/
 > Network:  http://192.168.1.187:3000/

安裝成功看看源碼

跟著夏老師的腳步......
這里還有前端大班車

• 在vue3環(huán)境下新建文件夾mkdir vue3-study;
• 初始化文件夾git init;
• 初始化一個子模塊, 放于source/vue-next下git submodule add https://github.com/vuejs/vue-next source/vue-next
• 修改鏡像 ## 修改鏡像 yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global
• 安裝依賴 yarn --ignore-scripts//去除pupteer、忽略下載Chromium
• 打包 yarn dev

此處又開始報錯...

既然找不到就安裝一下yarn add rollup-plugin-typescript2 typescript --dev -W, yarn dev后又報錯...

...接著安裝cnpm install @rollup/plugin-replace(yarn不成,借助cnpm)

• 打包成功的樣子:
• 此處ctrl +c中斷, 已經(jīng)生成dist文件