该插件是目前美团销售管理m端的工具库。目前整合了auth-tree插件 | Dependency Tree | remind-helper
--------插件1:Auth Tree
该插件可以自动生成当前组件的权限(包括所有权限以及当前用户权限).
!!!当前仅支持fe.seagull !!!
fe.seagull-web还在适配测试中
Usage
- 在vscode中打开项目目录。
- 右键点击所要分析的jsx或tsx组件。
- 插件提供了三个选项:
- 查看所有权限: 生成此文件中的所有权限(需要输入项目名称及ssoId)项目名称如:fe.seagull, ssoId需要从浏览器network的request中copy过来
- 查看用户权限: 生成此文件中当前用户所拥有的权限(需要输入项目在upm中的appkey及用户id)upmkey在config的default.js中查找
- 修改权限配置: 修改查看所有权限本地配置(即:修改项目名称和ssoId)
- 弹出输入框的时候,不输入,跳过则默认读取上次配置
Graph
- 结果展示页面
- 输入项目名称及ssoId
- 输入项目在upm中的appkey及用户id
Support Language
----------插件2:Dependency Tree
该插件可以帮助你分析项目中文件的依赖关系并生成可视化的图示.
Usage
- 在vscode中打开项目目录,插件会自动分析项目。
- 右键点击所需要分析的文件。
- 插件提供了两个选项:
- Gen BeDependent Tree: 生成此文件的被依赖图
- Gen Dependent Tree: 生成此文件的依赖图
- 如果是TS项目,需要在根目录创建如下配置文件,并在命令面板运行 "Dependency Tree: 重新分析项目” 即可。
module.exports = {
isJs: false,
// tsconfig文件路径
tsConfigPath: './tsconfig.json',
};
Graph
- 标黄色的为选中的文件
- 红色的线条表示发生了循环引用(图中表示d.js依赖了a.js)
Support Language
----------插件3:remind-helper
Features
- 此插件会监听
yarn.lock 、package.json 、package-lock.json 文件的改动,一旦发现会自动检查package-lock.json 或yarn.lock 中的包版本与node_modules 中实际安装的包版本是否一致,避免在merge 了其他分支(升级了某个包的版本)后,仍使用老包进行开发,上线前后才发现升级包引发的问题;
- 检查当前分支是否
merge 了远程的master 分支,每隔半小时定时检查,在进行 git add 、git checkout branch 、 git commit 这些命令后也会触发检查,如果没有合并就会自动提醒,避免在测试完成后merge ,导致额外的风险。
Install
在vscode扩展商店中搜索安装。
Usage
安装插件完成后,点击重新加载插件就会自动运行。
如果希望立即触发检查可以执行以下操作:
- 同时按住
command+shift+p 弹出输入框;
- 在输入框内输入
check 然后回车。
| |