Meteor DevTools Evolved 使用教程

最新推荐文章于 2024-09-25 08:31:08 发布

童兴富Stuart

最新推荐文章于 2024-09-25 08:31:08 发布

阅读量317

点赞数 4

本文链接：https://blog.csdn.net/gitblog_01151/article/details/141623744

版权

Meteor DevTools Evolved 使用教程

meteor-devtools-evolvedThe Meteor framework development tool belt, evolved.项目地址:https://gitcode.com/gh_mirrors/me/meteor-devtools-evolved

1. 项目的目录结构及介绍

meteor-devtools-evolved/
├── README.md
├── LICENSE
├── package.json
├── yarn.lock
├── src/
│   ├── background.js
│   ├── contentScript.js
│   ├── devtools.js
│   ├── panel.js
│   ├── styles.css
│   └── manifest.json
└── public/
    └── icons/
        ├── icon16.png
        ├── icon48.png
        └── icon128.png

README.md: 项目说明文档。
LICENSE: 项目许可证。
package.json: 项目依赖和脚本配置文件。
yarn.lock: 锁定依赖版本。
src/: 源代码目录。
- background.js: 后台脚本。
- contentScript.js: 内容脚本。
- devtools.js: DevTools 面板脚本。
- panel.js: 自定义面板脚本。
- styles.css: 样式文件。
- manifest.json: 扩展的配置文件。
public/: 公共资源目录。
- icons/: 扩展图标。

2. 项目的启动文件介绍

src/background.js: 后台脚本，负责扩展的主要逻辑和与浏览器的通信。
src/contentScript.js: 内容脚本，注入到网页中，与页面进行交互。
src/devtools.js: DevTools 面板脚本，负责初始化和连接 DevTools 面板。
src/panel.js: 自定义面板脚本，负责面板的渲染和交互。

3. 项目的配置文件介绍

package.json: 项目依赖和脚本配置文件。
- scripts: 定义了项目的构建和启动脚本。
- dependencies: 项目依赖的库。
- devDependencies: 开发环境依赖的库。
src/manifest.json: 扩展的配置文件。
- manifest_version: 清单文件版本。
- name: 扩展名称。
- version: 扩展版本。
- description: 扩展描述。
- permissions: 扩展所需的权限。
- background: 后台脚本配置。
- content_scripts: 内容脚本配置。
- devtools_page: DevTools 页面配置。
- icons: 扩展图标配置。