本文主要提供给有前端开发经验的各位参考,要求有基本的nodejs基础和yeoman经验。
*****
如果经常书写插件,那就需要重复以下步骤
+ 新建一个xml文件(大多数情况是从之前的插件拷贝)
+ 修改插件信息
+ 生成一个uuid并修改xml文件
+ 在xml文件中修改js代码
+ 将xml文件拷贝到某处,然后用app打开验证调试
如果你熟悉前端开发,特别是相关的工程实践,你一定听说过Yeoman。
Yeoman是一个用于Web应用程序的开源客户端脚手架工具,可以根据不同的generator生成不同的项目,一般用于项目初始化。
对于开发多多猫插件的各位来说,[generator-sited-plugin](https://www.npmjs.com/package/generator-sited-plugin)可以快速生产一个可用的初始化项目,并提供了快捷的调试方法和脚手架。
首先确保你本地nodejs开发环境,然后执行以下命令安装相关插件
```
npm install -g yo
npm install -g generator-sited-plugin
```
然后执行
```
yo sited-plugin
```
生成插件,生成时需要提供插件的相关信息
![](https://box.kancloud.cn/85af661d626cd70c1e412ad589b72545_1358x582.png)
生成完成以后切换到对应目录,执行npm start即可开始开发
![](https://box.kancloud.cn/24ae60c83ee7526645efa4f23dc1901f_1230x1498.png)
这里会展示一个二维码,直接用多多猫APP扫描就可以加载插件了。
修改src/index.js文件之后会自动加载变更,如果需要修改插件相关信息,需要手动修改index.xml文件。插件开发完成以后直接运行
```
npm build
```
将在dist目录下生成压缩过的插件
- 序言
- 第一章 基础
- 1.1 Html基础
- 1.2 CSS选择器
- 1.2.1 标签选择器
- 1.2.2 class/id选择器
- 1.2.3 属性选择器
- 1.3 JavaScript基础
- 1.4 json基础
- 第二章 中级
- 2.1 插件结构总览
- 2.2 meta头部节点讲解
- 2.3 main主体节点讲解
- 2.4 script脚本节点讲解
- 2.5 插件的安装调试与发布
- 第三章 高级
- 3.1 插件高级特性
- 3.2 常见内容保护突破方法
- 3.3 开发文档所没说的事
- 3.4 电脑js脚本测试插件
- 3.5 加login节点教程
- 3.6 使用yeoman生成器
- 3.7 自动化发布插件
- 第四章 附录
- 4.1 markdown基本用法