Vue
基于Vite创建Vue工程
03-18 17:55vite介绍
vite 是新一代前端构建工具，官网地址：https://vitejs.cn
vite 的优势如下：
- 轻量快速的热重载（HMR），能实现极速的服务启动
- 对 TypeScript、JSX、CSS 等支持开箱即用
- 真正的按需编译，不再等待整个应用编译完成
vite 创建 vue 工程命令
使用以下命令初始化项目
npm create vue@latest
后面根据命令提示操作即可
可能遇到的配置
## 配置项目名称
√ Project name: vite_app
## 是否添加TypeScript支持
√ Add TypeScript? Yes
## 是否添加JSX支持
√ Add JSX Support? No
## 是否添加路由环境
√ Add Vue Router for Single Page Application development? No
## 是否添加pinia环境
√ Add Pinia for state management? No
## 是否添加单元测试
√ Add Vitest for Unit Testing? No
## 是否添加端到端测试方案
√ Add an End-to-End Testing Solution? » No
## 是否添加ESLint语法检查
√ Add ESLint for code quality? Yes
## 是否添加Prettiert代码格式化
√ Add Prettier for code formatting? No
项目初始化后，根据提示执行以下命令进行完善
启动项目
目录结构
vite 和 vue-cli创建的项目，目录结构不同，Vite 项目中，index.html 是项目的入口文件，在项目最外层
启动项目后，若需要在局域网内访问，建议在根目录的 vite.config.ts 中添加 server，将 host 地址直接修改为本机可对外访问的 ip，其它 ip 地址（比如：0.0.0.0）容易出现无法热更新的问题
