一. Vite 与 Vue-cli 区别
view-esm 浏览器原生模块 不需要打包 所以快
vue-cli webpack生态比较全 现在公司用的多 打包稍微慢一点
Vue-cli 可以创建Vue2 3 的项目 Vite可以创建Vue3 react项目
-
vue0cli 底层依赖 webpack 开发的时候 webpack会帮助打包 项目大了以后 启动速度会慢
Vite 依赖浏览器原生 es6 modules 不需要打包
-
vue-cli既可以开发vue2也可以开发vue3项目 但是官网不推荐 开发vue3官网推荐vite 更快的启动速度
-
很多大企业 还是使用vue-cli 因为底层依赖于webpack 这个出现了 很多年 周边的一些生态 (webpack的一些工具 很多人在开发 比较成熟) vite出现时间短 生态比较少(网上一些周边插件少 所以大公司还是webpack为主)
-
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