vite 快速搭建vue,react 项目命令

了解vite

Vite 是 vue 的作者尤雨溪在开发 vue3.0 的时候开发的一个 基于原生 ES-Module 的前端构建工具。vite官网地址：https://vitejs.cn/guide/ 传送地址

兼容问题

兼容性注意

Vite 需要 Node.js 版本 >= 12.0.0。

cmd打开终端，输入node -v查看当前node版本信息

1，搭建vite项目命令

vue + TypeScript

npm init vite@latest  vite-vue-ts --template vue-ts

react + TypeScript

npm init vite@latest  vite-react-ts --template react-ts

ps：vite-vue-ts，vite-react-ts 就是项目的名字，这个自己编辑

项目创建完成后

进入项目
cd vite-vue-ts

安装依赖
npm install
启动项目，vite项目默认端口是 3000
npm run dev

项目启动页

还可以使用以下命令创建

根据自己需求选择配置

npm init @vitejs/app

yarn create @vitejs/app

以上就是快速搭建vite项目命令，后续项目需要用到路由和ui组件库等第三方插件可以自行安装。