Vue使用vite创建工程
时间: 2023-12-23 09:45:35 浏览: 101
cool-vue-vite-cli:使用vite2 vue3 axios vuex vue-router的测试演示
Vue 3 是一个现代化的 JavaScript 框架,而 Vite 是一个面向现代浏览器的构建工具,可以快速地构建 Vue 项目。下面是在 Vue 3 中使用 Vite 创建工程的步骤:
1. 安装 Vue CLI
```
npm install -g @vue/cli
```
2. 使用 Vue CLI 创建 Vue 3 工程
```
vue create my-vue-app
```
3. 进入项目目录,安装 Vite
```
cd my-vue-app
npm install vite --save-dev
```
4. 修改 package.json 文件,添加 Vite 脚本
```json
"scripts": {
"serve": "vite",
"build": "vue-cli-service build"
}
```
5. 启动项目
```
npm run serve
```
这样就可以使用 Vite 快速构建 Vue 3 项目了。
阅读全文