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文件:
未完。