大场景

chenlei 3ced24cb39 chore: 使用hash模式 2 vuotta sitten
.husky f46f352633 chore: 移除 prettier 依赖 2 vuotta sitten
public a07e80ef89 chore: 延迟加载不必要的依赖 2 vuotta sitten
scripts a62ab2d3fa chore: 更新自动化脚本 2 vuotta sitten
src 3ced24cb39 chore: 使用hash模式 2 vuotta sitten
.browserslistrc 9ad1f09b2e init 2 vuotta sitten
.eslintignore c71633db18 chore: 引入静态资源 2 vuotta sitten
.eslintrc.js 008fc3a3ba feat: 全局注入变量 2 vuotta sitten
.gitignore 9fe90516ea feat: 新增 publish 脚本 2 vuotta sitten
.npmrc 9ad1f09b2e init 2 vuotta sitten
.prettierignore 008fc3a3ba feat: 全局注入变量 2 vuotta sitten
.prettierrc 008fc3a3ba feat: 全局注入变量 2 vuotta sitten
README.md 111bc6d78c chore: 更新文档 2 vuotta sitten
auto-imports.d.ts 54a553cc8b chore: 迁移大场景 2 vuotta sitten
babel.config.js 008fc3a3ba feat: 全局注入变量 2 vuotta sitten
commitlint.config.js 008fc3a3ba feat: 全局注入变量 2 vuotta sitten
components.d.ts c71633db18 chore: 引入静态资源 2 vuotta sitten
config.js 54a553cc8b chore: 迁移大场景 2 vuotta sitten
jest.config.js c71633db18 chore: 引入静态资源 2 vuotta sitten
lint-staged.config.js c71633db18 chore: 引入静态资源 2 vuotta sitten
package.json ef497959bc chore: 修改项目名 2 vuotta sitten
tsconfig.json c71633db18 chore: 引入静态资源 2 vuotta sitten
vue.config.js 54a553cc8b chore: 迁移大场景 2 vuotta sitten
yarn.lock 54a553cc8b chore: 迁移大场景 2 vuotta sitten

README.md

初始化

yarn

yarn serve


目录结构

|-build
|-public // 静态资源
|-src
  |- api // 接口文件
  |- types // 类型声明
  |- assets // 公用代码资源
  |- components // 公用组件
  |- views // 项目页面入口
  |- utils // 公用工具函数
  |- router // 路由配置
  |- store // 全局状态管理
  |
  |- env.d.ts // 环境变量声明
  |- global.d.ts // 全局变量声明
  |- el.d.ts // element 声明


多场景模式

通过 process.env.SCENE 区分场景

尽量避免使用 .vue 自定义后缀,ide 暂不能友好支持模糊匹配 .vue,需要明确使用 demo.vue,导致无法区分场景


关于分支

release 稳定版本,线上代码稳定一段时间后同步 release-buffer

release-buffer 发布版本,场景线分支发布生产环境需要合回此分支,使用 --no-ff 记录合并操作


🚀 关于代码格式化

推荐使用 ide 插件,在 ide 扩展中下载 prettier

以 vscode 为例:

file -> preferences -> setting 中搜索 defaultFormatter
选择 Prettier - Code formatter
接着搜索 format
editor: format on save 勾选


🤖 关于自动化部署

发布地址:http://face3d.4dage.com:29394/deploy/app

新建的分支如果需要自动化部署,需要在 package.json 下增加指令

举例:新增一个demo大场景
1. 在 release-buffer 下新增 demo 分支
2. 在 scripts 中新增 push:demo 指令,注意 push: 后的参数需要与分支名相同

测试环境项目地址:https://scene.4dage.com/?m=1172