使用vite创建vue3 js项目
时间: 2024-03-09 22:40:16 浏览: 150
前端数据可视化demo 项目使用了vue3,由vite构建
使用vite创建Vue3项目的步骤如下:
1. 首先,在项目根目录下创建一个vite.config.js文件。
2. 在vite.config.js中,引入所需的插件,例如vue和vue-jsx插件。可以使用import语句导入插件,并在plugins数组中添加这些插件。
3. 定义并导出一个配置对象,使用defineConfig函数。在配置对象中,将刚刚导入的插件添加到plugins数组中。
4. 在终端中使用yarn或npm安装vite插件。可以使用以下命令之一:
使用yarn: yarn add @vitejs/plugin-vue-jsx -D
使用npm: npm i @vitejs/plugin-vue-jsx -D
5. 安装完插件后,即可使用vite来开发Vue3项目。
阅读全文