yyued / fekit.crx

f2e toolkit chrome-extension dev env

fekit.crx

chrome插件 前端工具箱

目录

• 主要功能
• 开发环境
• 文件结构
• 任务说明
• License

主要功能 [⬆]

插件地址：fekit 0.1.3

这是一个前端工具箱的Chrome插件：

• 代码压缩、格式化
• base64转码
• 二维码生成
• 正则表达式
• 其他辅助工具：设计师颜色标注、css代码片段生成

开发环境 [⬆]

1. Node 环境：默认此步骤已完成 （Mac建议使用 Brew 安装 Node.js）
2. 公共模块：npm install -g gulp webpack

文件结构 [⬆]

初始化和执行任务涉及的文件结构：

.
├── dest/
├── node_modules/
├── scripts/
├── tasks/
├── gulpfile.js
├── src/
│   ├── biz/
│   ├── css/
│   ├── img/
│   ├── js/
│   │   ├── lib/
│   │   ├── node_modules/
│   │   └── package.json
│   ├── main.html
│   └── manifest.json
│
├── webpack.config.js
└── package.json

任务说明 [⬆]

初始化项目

• 执行npm i，拉取依赖模块

开发

• gulp 创建一个链接，自动检测src文件夹下的静态文件，自动刷新。

调试

• 在页面chrome://extensions/点击加载已解压的扩展程序，选择src目录。

打包

• gulp zip 执行文件压缩、文件过滤，生成可直接发布成插件的压缩包。

License [⬆]

Released under MIT LICENSE

---