请教我vite的使用方法
时间: 2024-03-02 07:25:22 浏览: 53
Vite 是一个基于 ES Modules 的构建工具,它可以帮助我们快速地搭建一个现代化的前端开发环境。以下是 Vite 的使用方法:
1. 全局安装 Vite:
```shell
npm install -g vite
# 或者
yarn global add vite
```
2. 在项目根目录下运行以下命令初始化项目:
```shell
npm init vite-app my-project
# 或者
yarn create vite-app my-project
```
这个命令会在当前目录下创建一个名为 my-project 的新项目,并自动下载所需的依赖。
3. 进入项目目录并启动开发服务器:
```shell
cd my-project
npm run dev
# 或者
yarn dev
```
在浏览器中访问 http://localhost:3000 即可预览项目。
4. 在开发过程中,你可以在 src 目录下创建自己的代码文件,并在入口文件 main.js 中引入:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')
```
5. 打包项目:
```shell
npm run build
# 或者
yarn build
```
这个命令会生成一个 dist 目录,里面包含了打包后的项目文件。
以上就是 Vite 的基本使用方法,更详细的使用文档可以参考官方文档:https://vitejs.dev/。
阅读全文