2-1 项目准备--vite+vue3+ts
1.npm init vite 输入搭建项目命令,并选择vue框架。
2.选择typescript
3.进入项目,安装依赖:cnpm install或者yarn install
4.运行项目 npm run dev
2-2环境变量--vite env 环境变量
1.使用impor.meta.env查看vite的环境变量
2.import.meta.env有5个环境变量
BASE_URL:开发或生产环境的公共基础路径
DEV:true :当前环境是否为开发者环境 true表示开发者环境
MODE: 应用运行模式 分为开发者和生产者模式
PROD:false 当前环境为生产环境,true表示生产·环境
SSR:false 是否为服务器渲染
2-3自定义环境变量
1.在根目录下新建,env .env.development .env.production三个环境文件
.env..production:表示生产环境下的文件
.env.development :表示开发者黄静模式
.env :表示备选环境文件
注意:vite只处理VITE开头的文件