vite搭建vue2
时间: 2023-10-04 13:08:39 浏览: 80
vite搭建vue3项目
要使用 Vite 搭建 Vue 2 项目,需要执行以下步骤:
1. 首先,确保你已经安装了 Node.js,可以在终端中运行 `node -v` 来检查是否已安装。
2. 创建一个新的项目文件夹,并在终端中进入该文件夹:
```
mkdir my-vue2-project
cd my-vue2-project
```
3. 使用 npm 初始化项目,并按照提示填写项目信息:
```
npm init
```
4. 安装 Vite 作为开发依赖项:
```
npm install vite --save-dev
```
5. 创建一个 `vite.config.js` 文件,并配置 Vue 2 的插件:
```javascript
const { createVuePlugin } = require('vite-plugin-vue2')
module.exports = {
plugins: [
createVuePlugin()
]
}
```
6. 在终端中执行以下命令启动 Vite 开发服务器:
```
npx vite
```
7. 在浏览器中访问 `http://localhost:3000`,你应该能够看到一个基本的 Vue 2 应用程序。
请注意,Vite 在默认情况下支持 Vue 3,如果你要使用 Vue 2,需要安装 `vite-plugin-vue2` 插件,并在配置文件中引入。
阅读全文