Vue3+TypeScript+Router+Vuex+Ant-Design-Vue项目（三）—— 使用 vite 搭建项目

vite

概念

什么是vite？—— 是vue 极力推荐的新一代前端构建工具。

优势

• 开发环境中，无需打包操作，可快速的冷启动
  ​众所周知，用vue-cli创建的vue项目或者其他基于webpack构建工具的项目在运行时都需要一个打包的过程，打包后作为静态资源放在devServer创建的服务里才能访问查看页面，而vite构建的项目是可以快速冷启动而不需要打包的操作。

• 轻量快速的热重载（HMR）

• 真正的按需编译，不再等待整个应用编译完成
  webpack打包是从入口文件开始，分析项目的路由，再而分析路由所应用到的模块整体一起打包，然后启动devServer，然后才可以在浏览器访问本地服务端口去查看工程界面。
  而vite则是用的是一个相反的思路进行开发环境的项目构建，首先，启动好服务然后分析入口文件，接下来，不会去打包所有路由所需依赖以及路由的组成模块，而是根据用户的访问去动态构建，因此vite构建的工程启动会快很多，就像是：按需编译，不用等待整个应用编译完成。

安装 vite

使用 NPM：