前言
不知不觉用vite也用了很久了，但是一直很纠结要不要写这一篇帖子，前端工作多年，一直有技术分享的欲望，奈何实力有限，没有特别牛的技术水平，今天，分享一下我的模版，网上类型的后台模版特别多，非常多优秀且内容丰富的模版可以选择，那个赛道卷不过，没有太多的精力去弄，就简单分享一下我搭建的简陋版本的吧
分享的初衷
想给有需要的朋友，或者正在学习vite vue3的朋友一些帮助，好了，话不多说，直接上东西吧 gitee.com/liangy_dj/v…
项目结构
这个不过多描述了，还跟常规的结构，types目录中，存放的事autoimport生成的全局.d.ts文件以及一些全局声明的ts文件，
可能有的小伙伴不清楚unplugin-vue-components，这个插件是做什么用的，如果不了解的可以私信问我
环境也配置了多套，本地，测试，预生产，生产环境 当然，有需要husky,eslint的小伙伴，可以自行添加
src目录
很常规
1、assets存放资源文件，图片，样式文件
2、constant全局的一些常量
3、emitter 基于mitt的事件中心，一个不错的库
4、http
axios中封装了基础数据请求以及自定义的类型断言
server模块是服务请求
实际项目中，我们可能会请求多个不同的服务，只需要新建一个serverxx文件夹,即可
剩下的都是比较常规的东西
/**
* 获取环境变量
*/
class Env {
/**
* 获取接口服务环境
*/
public static getServiceEnvironment(): ViteEnv {
let env: ViteEnv = 'development';
const VITE_ENV: ViteEnv = import.meta.env.VITE_ENV;
let nodeEnv: ViteNodeEnv = this.getNodeEnvironment();
if (nodeEnv == 'development') {
env = 'development';
// env = 'test';
// env = 'staging';
// env = 'production';
} else {
env = VITE_ENV;
}
return env;
}
/**
* 获取node运行环境
*/
public static getNodeEnvironment(): ViteNodeEnv {
return import.meta.env.VITE_NODE_ENV;
}
}
/**
* 导出工具类
*/
export default Env;
在环境变量js中，VITE_ENV为本地，测试，预生产，生产的标识 VITE_NODE_ENV 标识当前是执行打包命令还是生产命令
第一写，有点杂乱，希望谅解
