vite新建vue3项目采坑，官网流程之路，vite+vue3+elementpuls

Vite 构建

可以使用 Vite 快速构建 Vue 项目。

vue3文档操作步骤，按照文档操作，会有版本问题；
vite构建后的vite版本是老版本： “vite”: “^1.0.0-rc.13” ，查看package.json 文件发现vue也是老版本。

按照文档方式

更好的方式：

安装vite较新版本，vue3较新版本

npm init @vitejs/app vue3-project

支持的模板预设选择：
vanilla
vue
vue-ts
react
react-ts
preact
preact-ts
lit-element
lit-element-ts

按照步骤就可以启动了：

cd v3test
npm install
npm run dev

---

直接构建版本对应方法

# npm 6.x
npm init @vitejs/app my-vue-app --template vue
# or
npm init @vitejs/app my-vue-app --template vue-ts

# npm 7+, 需要额外的双破折号：
npm init @vitejs/app my-vue-app -- --template vue

# yarn
yarn create @vitejs/app my-vue-app --template vue

注意：建议npm版本使用6+版本； 使用7+有，安装依赖，环境变量等会有问题，最终导致项目无法启动。常见问题：events.js:292 throw er; // Unhandled ‘error’ event

package.json文件：

未完。