插件介绍
MyhonorH5 工程开发辅助插件
功能
- 本地调试
- 构建打包(sit/prd/beta)
- 批量调试
- 批量打包
- 新建项目
- 统计修改
- 快速拉取
- 单位转换
- 一键Tag
- 切换 node
- 快速切换 node
- 新增站点
- 批量新增站点
- 统计全量卡片
- 一键发包
- 组件调试
- 多语言代码中文显示
本地调试
在子项目文件夹右键选择本地调试即可自动运行命令,支持 vue2 工程 src 目录下项目,vue3 工程 package 目录下项目,卡片工程 card 目录下项目和 sites 目录下项目一键调试
构建打包
同上
批量调试
选中多个目录右键选择批量调试
批量打包
选中单个目录、多个目录右键选择批量打包,也可以在对话框内输入按逗号分隔的目录名进行批量打包
统计修改
任意目录下右键选择统计修改,输入开始时间与结束时间统计之间 git 修改的目录,建议输入版本开始的前一天作为开始时间,版本最后一天或之后作为结束时间,可在设置中对输出目录,目录匹配和排除目录进行修改设置
新建项目
Vue3 工程在 src/packages 目录右键选择新建项目,输入项目名称,自动构建项目模板。vue2 则选择 src 目录创建项目。
切换 node
任意目录下右键选择切换 node,利用 nvm 切换 node 版本,使用此功能必须安装 nvm nvm使用1.1.11版本
快速切换 node
任意目录下右键选择快速切换 node,读取工程及对应 node 配置,利用 nvm 快速切换 node 版本,使用此功能必须安装 nvm。打开自动切换 node 开关可每次打开项目自动执行快速切换 node 指令。
新增站点
BOC 项目中选择卡片下的 sites 目录右键选择创建站点,输入站点名和配置即可创建对应站点
单位转换
一般用于骨架屏插件生成的代码在宽屏中的适配。可将代码中 100%的单位按照比例转为 px 单位。页面右键选择单位转换(或者 ctrl+F10),输入要转换的 css 样式名和屏幕基准回车确认。
// 单位转换默认配置下
padding-bottom: 100%;
// ===>
padding-bottom: 360px;
一键Tag
输入tag名称和描述,切换到master分支,拉取最新代码,根据tag规范创建tag并推送到远端
快速拉取
一键拉取master分支代码到本地,支持在设置中配置仓库需要拉取的远程分支。支持数组配置,根据当前本地分支自动匹配对应的远程分支进行拉取
批量新增站点
单个卡片在sites目录下右键选择批量新增站点,会直接批量创建当前站点对应的所有卡片
统计全量卡片
在wp工程的card目录下右键选择统计全量卡片,会统计该目录下所有包含sites目录的卡片,会根据国家站点归类至card目录同级的cardInfo.txt文件中。该功能支持配置排除目录和包含目录,已预置默认数据
一键发包
在插件设置种配置w3测试环境账号密码后,在wp/H5工程中右键选择zip文件,选择快速发包后,选择环境后,自动发包到对应环境中
打包上传
选中子项目进行打sit包,打包完成后上传到对应选中环境
组件调试
仅支持 Vue2 H5 工程(CBGHiCareMicSerH5-Honor),在 src/components-builder/packages/V2/components 或 V3/components 目录下选中组件文件夹右键选择组件调试,自动更新 .cache 文件中的 components 和 version 配置,并执行 npm run build:watch 启动组件热更新构建
多语言代码中文显示
支持 MyHonorH5 / CBGHiCareMicSerH5-Honor / CWPPhoenix_CardLib 三个工程。光标移动到或选中包含 $t('key')、this.$t('key')、i18n.t('key')、$i18n.t('key')、window.hwit.i18n.t('key') 等多语言调用的行时,插件会根据当前文件位置按需查找对应中文多语言文件,并在当前行后以浅灰斜体显示对应的中文翻译。
默认开启,可在 settings.json 中通过 myhonor-h5-code.i18n.enabled 控制开关。动态 key(含变量拼接、模板字符串)会被跳过。可通过 myhonor-h5-code.i18n.zhAlias 自定义中文语言文件的命名约定。
故障排查
功能不生效时,打开 输出 面板选择 showI18nZh,查看:
工程: 是否正确识别为 MyHonorH5 / CBGHiCareMicSerH5-Honor / CWPPhoenix_CardLib
- 移动光标到多语言代码行后,查看
当前文件: 是否为正在编辑的文件
加载中文翻译: N 条 数量是否大于 0
来源: 是否指向当前文件对应的 i18n / language 目录中文文件
- 若 N=0,确认
myhonor-h5-code.i18n.zhAlias 与工程中的中文文件名匹配(如 zh-CN / zh_CN / zh / cn)
更新日志
0.0.1
- 发布 0.0.1 版本 支持 Vue3 工程本地调试、构建打包功能
0.0.2
0.0.3
- Vue2 工程新增支持 i18n 多语言打包、批量调试功能
0.0.4
0.0.5
0.0.6
- 新增 git 提交记录统计功能、用于快速统计版本开发相关文件
0.0.7
0.0.8
- BOC 卡片工程支持本地调试功能,新增 node 版本一键切换功能,需安装 nvm
0.0.9
0.1.0
- 统计 git 记录增加新增、修改、删除目录统计。
- BOC 新增快速创建站点能力。
0.1.1
0.1.2
0.1.3
0.1.4
0.1.5
- 新增 node 版本快速切换,node 版本自动切换功能,相关配置可在拓展配置中进行设置,移除多语言打包选项
0.1.6
0.1.7
- 快速切换node支持快捷键
Ctrl+Alt+N
- 新增git快速拉取远程分支,支持快捷键
Ctrl+Alt+P
0.1.8
0.1.9
0.2.0
- git快速拉取远程分支功能支持分支可配置
- 新增一键发包到测试环境功能
0.2.1
0.2.2
0.2.3
- 快速拉取支持数组配置,根据当前本地分支自动匹配对应的远程分支进行拉取
- 新增组件调试功能(仅 Vue2 H5 工程),支持快速启动组件热更新构建
0.2.4
- 新增多语言代码中文显示功能,支持 MyHonorH5 / CBGHiCareMicSerH5-Honor / CWPPhoenix_CardLib 三个工程,在
$t('key') 等多语言调用行后展示对应中文,可通过 myhonor-h5-code.i18n.enabled 配置开关
- 上传文件功能新增来源字段
- 替换logo图标