Vite 是一个现代化的前端构建工具,在Web开发社区中越来越受欢迎。它主要以快速的构建时间和高效处理现代JavaScript框架(如Vue.js、React和Svelte)而著称。

创建Vue项目

使用npm包来创建

npm create vite@latest test

接着进入到项目文件夹并安装依赖:

npm install

如果因为网络原因无法下载,可以尝试换源:

//  配置nmp代理来提高速度,如设置淘宝镜像
npm config set registry https://registry.npm.taobao.org 
 
// 查看是否成功
npm config get registry

运行时如果在IDEA中可以直接点击 package.json 文件并选择 dev环境运行。命令行环境需要执行:

npm run dev

dev 环境可以实时检测文件修改并更新。

上线项目的话就执行build,会生成 dist 文件夹,里面就包含所有相关的前端项目文件。