vue3 vite开发环境搭建
时间: 2023-12-23 13:24:44 浏览: 131
基于vue3+vite+ts+cesium搭建的基本环境,包括所有源代码,可以直接运行
5星 · 资源好评率100%
要搭建一个基于Vue3和Vite的开发环境,可以按照以下步骤进行操作:
1. 首先确保你的电脑上已经安装了Node.js和npm包管理器。
2. 打开终端,使用npm安装Vite:npm install -g vite。
3. 创建一个新的Vue3项目:npm init vite@latest my-project --template vue-ts。
4. 进入到项目目录下,安装依赖:cd my-project && npm install。
5. 启动开发服务器:npm run dev。
6. 在浏览器中访问http://localhost:3000,你应该能够看到一个Vue3的欢迎页面。
7. 开始编写你的Vue3应用程序。
注意:在使用Vite时,不需要像以前一样使用webpack或者rollup等打包工具,因为Vite内置了开发服务器和打包工具。如果你需要打包你的应用程序,只需要执行npm run build即可。
阅读全文