一. Vite 与 Vue-cli 区别

view-esm 浏览器原生模块 不需要打包 所以快

vue-cli      webpack生态比较全 现在公司用的多 打包稍微慢一点

Vue-cli 可以创建Vue2 3 的项目 Vite可以创建Vue3 react项目 

  1.  vue0cli 底层依赖 webpack 开发的时候 webpack会帮助打包 项目大了以后 启动速度会慢

Vite 依赖浏览器原生 es6 modules 不需要打包

  1. vue-cli既可以开发vue2也可以开发vue3项目 但是官网不推荐 开发vue3官网推荐vite 更快的启动速度

  2. 很多大企业 还是使用vue-cli 因为底层依赖于webpack 这个出现了 很多年 周边的一些生态 (webpack的一些工具 很多人在开发 比较成熟) vite出现时间短 生态比较少(网上一些周边插件少 所以大公司还是webpack为主)

  3. vite即可以开发vue也可以开发react webpacj也是既可以开发vue 也可以开发react

二. Vite 创建 Vue3 + Ts 项目步骤

快捷创建Vue3项目 

yarn create vite vue3_vite --template vue

快捷创建ts模板项目

yarn create vite vue3_vite --template vue-ts

注意: 创建完成后是没有 node_modules 包的，然后需要 npm install 或 yarn 一个 ， 因为上面安装使用yarn 这边直接 使用 yarn安装 node_modules 

更多推荐

Vue3/ Vite 与 Vue-cli 区别 、Vite 创建 Vue3 + Ts 项目步骤