书架

> Vite 环境变量主要是为了区分开发、测试、生产等环境的变量 > > 参考： > > * [Vite 环境变量配置官方文档](https://cn.vitejs.dev/guide/env-and-mode.html) > * [vite环境变量](https://cn.vitejs.dev/guide/env-and-mode#env-variables-and-modes) <!--more--> ## 1.env配置文件 项目根目录新建 `.env.development` 、`.env.production` 以 VITE_ 为前缀定义变量

> Vant 默认使用 `px` 作为样式单位，如果需要使用 `viewport` 单位 (vw, vh, vmin, vmax)，推荐使用 [postcss-px-to-viewport](https://github.com/evrone/postcss-px-to-viewport) 进行转换。 <!--more--> ## 1.安装依赖`pnpm add -D postcss-px-to-viewport-8-plugin` > 安装`postcss-px-to-viewport`时，当前版本v1.1.1长期未更新，include在vue3项目中实测不生效。 >

> vue-router4x相对于vue-router3x除了新增了组合式API以外，还删除或变动了不少地方。 > > 单独列出来变动点太杂乱。这里系统性的把项目中经常能用到的知识点进行整理. <!--more--> ## 一、安装 ```bash npm install vue-router ``` ## 二、基本使用 ### 1. 定义路由 新建`router/routes.ts` ```js const routes = [ { path: "/login", component: () => import("