Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>M-toolsNew to Visual Studio Code? Get it now.
M-tools

M-tools

zhaoyufei

|
194 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

m-tools README

该插件是目前美团销售管理m端的工具库。目前整合了auth-tree插件 | Dependency Tree | remind-helper

--------插件1:Auth Tree

该插件可以自动生成当前组件的权限(包括所有权限以及当前用户权限). !!!当前仅支持fe.seagull !!! fe.seagull-web还在适配测试中

Usage

  1. 在vscode中打开项目目录。
  2. 右键点击所要分析的jsx或tsx组件。
  3. 插件提供了三个选项:
    • 查看所有权限: 生成此文件中的所有权限(需要输入项目名称及ssoId)项目名称如:fe.seagull, ssoId需要从浏览器network的request中copy过来
    • 查看用户权限: 生成此文件中当前用户所拥有的权限(需要输入项目在upm中的appkey及用户id)upmkey在config的default.js中查找
    • 修改权限配置: 修改查看所有权限本地配置(即:修改项目名称和ssoId)
  4. 弹出输入框的时候,不输入,跳过则默认读取上次配置

Graph

  • 结果展示页面 img
  • 输入项目名称及ssoId img
  • 输入项目在upm中的appkey及用户id img

Support Language

  • js/jsx
  • ts/tsx

----------插件2:Dependency Tree

该插件可以帮助你分析项目中文件的依赖关系并生成可视化的图示.

Usage

  1. 在vscode中打开项目目录,插件会自动分析项目。
  2. 右键点击所需要分析的文件。
  3. 插件提供了两个选项:
    • Gen BeDependent Tree: 生成此文件的被依赖图
    • Gen Dependent Tree: 生成此文件的依赖图
  4. 如果是TS项目,需要在根目录创建如下配置文件,并在命令面板运行 "Dependency Tree: 重新分析项目” 即可。
module.exports = {
  isJs: false,
  // tsconfig文件路径
  tsConfigPath: './tsconfig.json',
};

Graph

img

  • 标黄色的为选中的文件
  • 红色的线条表示发生了循环引用(图中表示d.js依赖了a.js)

Support Language

  • js/jsx
  • ts/tsx

----------插件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然后回车。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft