[vue]使用vite 快速创建项目

01  vite 介绍


vite: 下一代前端开发与构建工具。




Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：


一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。




一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。










02  vite 的使用




兼容性注意


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






手动选择模板


1、npm init vite@latest   安装vite最新版


        如果是第一次安装，会提示你安装对应的packages  选择 y


        然后输入项目名字  vite-demo


        然后选择框架    vue 或 react     默认就是vue3，不支持vue2


        然后选择是否使用ts


2、进入项目，安装依赖再运行


        cd  vite-demo


        npm i


        npm run dev










直接选择模板创建


1、创建react项目


      npm init vite@latest myreact --template react


2、进入项目，安装依赖再运行


      cd myreact


      npm install


      npm run dev