查看vue版本: npm list vue
查看vue-cli版本: vue -V
S1:node版本 @v14.15.1
S2:vue-cli @4.5.9
//全局安裝vue-cli
yarn global add @vue/cli
//在vue項目中執行
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、環境沒錯, 執行 yarn add vite手動安裝后
yarn dev
//??終于成功
Dev server running at:
> Local: http://localhost:3000/
> Network: http://192.168.1.187:3000/
安裝成功看看源碼
- 在vue3環境下新建文件夾
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中斷, 已經生成dist文件
