jeecg boot 企业级应用管理背景 （二）目次阐明和项目摆设 从0开始 (连续更新)

目次阐明

2. .
3. ├── build # 打包脚本相关
4. │   ├── config # 配置文件
5. │   ├── generate # 生成器
6. │   ├── script # 脚本
7. │   └── vite # vite配置
8. ├── mock # mock文件夹
9. ├── public # 公共静态资源目录
10. ├── src # 主目录
11. │   ├── api # 接口文件
12. │   ├── assets # 资源文件
13. │   │   ├── icons # icon sprite 图标文件夹
14. │   │   ├── images # 项目存放图片的文件夹
15. │   │   └── svg # 项目存放svg图片的文件夹
16. │   ├── components # 公共组件
17. │   ├── design # 样式文件
18. │   ├── directives # 指令
19. │   ├── enums # 枚举/常量
20. │   ├── hooks # hook
21. │   │   ├── component # 组件相关hook
22. │   │   ├── core # 基础hook
23. │   │   ├── event # 事件相关hook
24. │   │   ├── setting # 配置相关hook
25. │   │   └── web # web相关hook
26. │   ├── layouts # 布局文件
27. │   │   ├── default # 默认布局
28. │   │   ├── iframe # iframe布局
29. │   │   └── page # 页面布局
30. │   ├── locales # 多语言
31. │   ├── logics # 逻辑
32. │   ├── main.ts # 主入口
33. │   ├── router # 路由配置
34. │   ├── settings # 项目配置
35. │   │   ├── componentSetting.ts # 组件配置
36. │   │   ├── designSetting.ts # 样式配置
37. │   │   ├── encryptionSetting.ts # 加密配置
38. │   │   ├── localeSetting.ts # 多语言配置
39. │   │   ├── projectSetting.ts # 项目配置
40. │   │   └── siteSetting.ts # 站点配置
41. │   ├── store # 数据仓库
42. │   ├── utils # 工具类
43. │   └── views # 页面
44. ├── types # 类型文件
45. └── vite.config.ts # vite配置文件

复制代码

项目设置项

用于修改项目标配色、结构、缓存、多语言、组件默认设置
#情况变量设置

项目标情况变量设置位于项目根目次下的 .env、.env.development、.env.production
具体可以参考 Vite 文档

1. .env                # 在所有的环境中被载入
2. .env.local          # 在所有的环境中被载入，但会被 git 忽略
3. .env.[mode]         # 只在指定的模式中被载入
4. .env.[mode].local   # 只在指定的模式中被载入，但会被 git 忽略

复制代码

温馨提示

  

• 只有以 VITE_ 开头的变量会被嵌入到客户端侧的包中，你可以在项目代码中如许访问它们：
  

1. console.log(import.meta.env.VITE_PROT);

复制代码

  

• 以 VITE_GLOB_* 开头的的变量，在打包的时间，会被加入_app.config.js设置文件当中.
  

#设置项阐明

#.env

全部情况实用

1. # 端口号
2. VITE_PORT=3100
3. # 网站标题
4. VITE_GLOB_APP_TITLE=vben admin
5. # 简称，用于配置文件名字 不要出现空格、数字开头等特殊字符
6. VITE_GLOB_APP_SHORT_NAME=vben_admin

复制代码

#.env.development

开发情况实用

1. # 是否开启mock数据，关闭时需要自行对接后台接口
2. VITE_USE_MOCK=true
3. # 资源公共路径,需要以 /开头和结尾
4. VITE_PUBLIC_PATH=/
5. # 是否删除Console.log
6. VITE_DROP_CONSOLE=false
7. # 本地开发代理，可以解决跨域及多地址代理
8. # 如果接口地址匹配到，则会转发到http://localhost:3000，防止本地出现跨域问题
9. # 可以有多个，注意多个不能换行，否则代理将会失效
10. VITE_PROXY=[["/api","http://localhost:3000"],["api1","http://localhost:3001"],["/upload","http://localhost:3001/upload"]]
12. ::: tip
13. v3.0.0开始，作者重构了vite.config.ts，新版本不再支持VITE_PROX

复制代码