使用Vite搭建项目环境
Vite
Vite是一个web开发构建工具,由于其原生ES模块导入方式,可以实现闪电般的冷服务器启动。
通过在终端中运行以下命令,可以使用Vite快速构建Vue项目。
使用npm:
1. npm init @vitejs/app <project-name>
2. cd <project-name>
3. npm i
4. npm run dev
请看下面的演示:
- 找一个你的存放目录【工作目录】
- 执行上面的命令!
01这是我创建的工作目录:VitebokeyuanOfexample
![](https://img-blog.csdnimg.cn/img_convert/94d4343d3748910ce1814b26f4b0b319.png)
![](https://img-blog.csdnimg.cn/img_convert/bdc9ab87086424139cad0ac8abb67855.png)
命令行界面【依次输入上面的命令】
![](https://img-blog.csdnimg.cn/img_convert/38489ad6e581a9872898a9fafb41ba83.png)
npm init @vitejs/app lvhanghmm
【经过一些选择之后会在你的工作目录生成一个lvhanghmm文件夹】
![](https://img-blog.csdnimg.cn/img_convert/3920670ff604e95794a33eb9e6df09b9.png)
![](https://img-blog.csdnimg.cn/img_convert/dc99696a94f2a8f0db972dc43bceb08f.png)
![](https://img-blog.csdnimg.cn/img_convert/1e9b5df427093b1cccb90b008501731a.png)
搞定!
![](https://img-blog.csdnimg.cn/img_convert/03cdac7aa0518c37a83def2e7326b689.png)
![](https://img-blog.csdnimg.cn/img_convert/f073ee7bd5bc5cc9f9a122dba90ea24d.png)