Vite 特性

1. 使用 rollup
2. 按需编译，不会刷新全部DOM
3. 开发中热更新
4. 冷服务启动。不打包，使用 ES6 import。

新建项目

npm init vite-app demo
# 或
yarn create vite-app demo

# 进入demo文件夹
npm install
# 或
yarn 

npm run dev
# 或
yarn dev

小知识：
vite文档给出的命令是
npm init vite-app
yarn create vite- app
等价于
全局安装npm install create-vite-app -g
然后cva
等价于
npx createa-vite -app

目录结构

|-node_modules        -- 项目依赖包的目录
|-public              -- 项目公用文件
  |--favicon.ico      -- 网站地址栏前面的小图标
|-src                 -- 源文件目录，程序员主要工作的地方
  |-assets            -- 静态文件目录，图片图标，比如网站logo
  |-components        -- Vue3.x的自定义组件目录
  |--App.vue          -- 项目的根组件，单页应用都需要的
  |--index.css        -- 一般项目的通用CSS样式写在这里，main.js引入
  |--main.js          -- 项目入口文件，SPA单页应用都需要入口文件
|--.gitignore         -- git的管理配置文件，设置那些目录或文件不管理
|-- index.html        -- 项目的默认首页，Vue的组件需要挂载到这个文件上
|-- package-lock.json --项目包的锁定文件，用于防止包版本不一样导致的错误
|-- package.json      -- 项目配置文件，包管理、项目名称、版本和命令