Vscode 插件

当你使用 C7N 进行开发的时候是否有过以下的困扰

  1. 我现在在使用 dataSet 进行开发，可是我某个属性的名称记不清楚。
  2. 我现在在使用 C7N 进行开发，可是某个组件名称我记得不是很清楚。
  3. 我现在在使用某个组件，可是一时忘记了这个组件中我需要使用的某个属性的名称，或者根本就不知道这个组件是否有这个属性。
  4. 我希望能够在编辑器的侧边打开文档，在我编写代码的时候便于我对照 demo 或者API。
  5. 我希望能够快速生成一些模板代码，减少一些重复的工作。

为了帮助大家提高平时的编码的效率，我们推出了一款 C7N 的 vscode 插件:

c7n-dataset-plugin

希望可以帮助大家进行更好的编码。

推文地址

功能介绍

  1. dataSet 的代码补全功能

sXSYeH.gif

通过自动补全dataSet相关属性，让你编写 dataSet 代码的时候可以更加关注业务本身，而不用去过多的关注自己的属性名称是否打错了等问题。

  1. 内置代码片段

sXSNTA.gif sXSBSf.gif

如图,你只需要输入 importds，就可以快速的将 dataSet 导入到自己的文件中来，你也可以通过 initds 快速生成一个 dataSet 对象，而当你编写组件的代码的时候，我们也提供了常用的组件代码片段，通过这些简单的代码片段，可以减少重复工作，帮助你节约编码的时间。

  1. 内置文档

sXSdYt.gif

使用内置文档功能可以帮助你快速搜索组件的文档，而不需要再额外打开一个浏览器进行繁琐的切换。

内置文档功能可以通过两种方式来使用：

  • 通过 vscode 的命令面板，在命令面板中输入c7n.search，将会显示一个有所有的 Pro 组件名称的选择列表，选择对应组件，会快速在右侧打开一个 webview，帮助你查看对应的文档。
  • 将鼠标悬停到对应的 Pro 组件上，点击鼠标右键，也可以看到c7n.search命令，通过右键菜单执行命令，当选择的组件为C7N Pro组件的时候，同样可以快速在右侧打开对应的组件的文档。
  • 文档悬浮提示

sXStwd.gif

将鼠标悬停到组件上，便可以快速查看对应的组件的文档内容，当你忘记了某个组件有些什么属性的时候，将不再需要翻开文档就可以查看相关的 API。

插件获取

说了这么多，那么我们怎么才能获取到这个插件呢？

只需要进入 vscode 的插件页面，搜索 c7n，就可以找到对应的插件了。

sXSaFI.png

快按下你的手指安装起来吧！

假如你在开发过程中有遇到什么痛点，以及插件存在 bug，希望可以及时反馈给我们(可以通过开放平台选择猪齿鱼提交工单)，我们也会持续对插件进行完善，为插件增加更多更好用的功能。

其他资料:

插件源码地址