Vite 简单搭建Vue3开发环境

vite被叫做下一代前端开发与构建工具，那么很可能webpak将被淘汰。

网站：https://www.vitejs.net/

优点

极速的服务启动
轻量快速的热重载
丰富的功能
优化的构建
通用的插件
完全类型化的API

安装

注意支持vue3

先使用npm init vite-app进行初始化

npm init vite-app

安装完成 1步

安装非常快，确实还不能用，需要使用 npm install 命令来安装模块

npm init vite-app <vite-app>
cd <vite-app>
npm install
npm run dev

安装完成 2步

npm install

安装完成 3步

复制 http://localhost:3000/ 到浏览器中就可以了

vite v1.0.0-rc.9
[vite] Optimizable dependencies detected:
vue

  Dev server running at:
  > Network:  http://192.168.0.118:3000/
  > Local:    http://localhost:3000/

image.png