本文主要提供給有前端開發經驗的各位參考,要求有基本的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
```
生成插件,生成時需要提供插件的相關信息

生成完成以后切換到對應目錄,執行npm start即可開始開發

這里會展示一個二維碼,直接用多多貓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基本用法