在之前,我们介绍过使用sublimes来编辑wiki,参考:帮助:使用Sublime Text编辑Wiki。类似的,我们也可以使用世界上最好用的本地IDE工具Visual Studio Code(简称VS Code)来编写wiki,特别是lua模块代码。

配合Chrome进行前端调试

辅助工具

尽管我们可以通过VS Code的extension来操作MediaWiki的api来和灰机wiki通信(见“内置接口”章节),但我们还是推荐下载灰机updater来进行内容同步。

这么干的好处

  1. 感觉自己是一个真正的编程小能手
  2. VS Code的代码着色和本地辅助更为丰富,极大提高写代码的效率
  3. 充分利用本地性能,减少浏览器(特别是Chrome)对电脑性能的压力
  4. 还可以方便的维护Gadget命名空间下的css、js甚至是主空间的文章页面
  5. 方便传图、传文件,刷新页面 一锅端,填坑速度+500%


步骤

图1
图2
  1. 在本地创建一个文件夹,用来存放代码
  2. 创建一个空文本文件,并命名为“module_2_test.wiki”,保存。(注意:由于windows不允许文件名中出现“:”\"等字符,因此我们需要使用下面的字符串进行转义)
  3. 配置好灰机updater,在“任务设置-基本”中选择“以文本更新”模式(右图1
  4. 在“文本”标签中选择之前的文件目录,勾上“转换文件名”(右图2
  5. 打开VS Code,导入之前的文件夹,配置好lua语法高亮与.wiki的匹配关系后即可使用本地IDE来维护wiki上的代码。
  6. 在修改完代码后,点击灰机updater的“运行”按钮,即可完成代码的上传。
符号 \ / : * "
转义 _0_ _1_ _2_ _3_ _4_

Fetch内容

  • 目前灰机updater仅支持使用文件列表来fetch内容、


通过内置插件同步内容

与sublimes类似,VS Code的extension库中也有用户上传的相关工具,能够实现VS Code与MediaWiki的直接通信。但我们更推荐你使用灰机自己的updater

  1. 打开VS Code,在View——Extension中搜索“MediaWiki”
  2. 找到ewiv这个插件,安装,完成配置即可(由“夕舞八弦”发布)
VSCode维护代码4.jpg
avatar