什么是vite
Vite 是新一代构建工具,由 Vue 核心团队开发,提供极快的开发体验。
它利用浏览器原生ES模块导入功能,提供了极快的热模块更新(HMR)和开发服务器启动速度。
官网:https://vitejs.cn/vite3-cn/guide/
安装vite
shell
PS D:\code> npm config set registry https://registry.npmjs.org/
PS D:\code> npm install -g create-vite
added 1 package in 3s
1 package is looking for funding
run `npm fund` for details
注意要使用官方源,尝试过使用淘宝、清华等国内源,均报找不到包。
创建项目
构建一个 Vite + Vue 项目
shell
PS D:\code> npm create vite@latest my-vue3-project -- --template vue
> npx
> create-vite my-vue3-project vue
│
◇ Select a framework:
│ Vue
│
◇ Select a variant:
│ JavaScript
│
◇ Scaffolding project in D:\code\my-vue3-project...
│
└ Done. Now run:
cd my-vue3-project
npm install
npm run dev
运行项目
shell
PS D:\code> cd .\my-vue3-project\
PS D:\code\my-vue3-project> npm install
added 33 packages, and audited 34 packages in 21s
6 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
PS D:\code\my-vue3-project> npm run dev
VITE v6.3.4 ready in 2282 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
在浏览器中输入:http://localhost:5173/
