Replies: 4 comments 1 reply
-
先记录两个技术侧想法
|
Beta Was this translation helpful? Give feedback.
-
需要先出vscode.config 的规范 |
Beta Was this translation helpful? Give feedback.
-
移步:https://github.com/Serverless-Devs/serverless-devs-vscode-plugin |
Beta Was this translation helpful? Give feedback.
-
开发背景
尽管,目前的Serverless Devs已经可以通过组件化的加持,完成更多的功能,但是在开发态的介入,仍然是非常重要和值得关注的,当开发者可以通过部分IDE插件,进行Serverless架构的使用,将会是非常方便的。
目前主流的云厂商或者开源项目都有或多或少的 VSCode 插件,例如:
所以,为了更方便的为开发者们提供便利,Serverless Devs的VSCode插件版,也应该规划起来了。
整体功能
Serverless Devs 本身是一个插件化,组件化,应用化的工具,在命令行上面有足够的灵活性,那么在VSCode的加持下,他的功能应该是比那得更好用,更易用,可以借助天然的cli+gui,可以让开发者“辛福感”进一步提升。从整体规划来看,Serverless Devs VSCode Plugin应该具备几个特点:
VSCode插件功能划分
如上图为例,对整个VSCode插件,常见的可自定义部分划分为5个区域:
区域1: 提供若干可支持的组件,用户可自定义显示;
区域1的主要包括两个层面:
系统功能的显示
相关页面
直接创建
直接创建是类似于 s init 的方法,直接进行创建的逻辑,用来快速创建,点击之后,由下拉选择的形式选择不同的组件:
然后引导式创建:
应用中心
点击应用中心,可以弹出应用中心的页面:
选择不同的应用可以进入引导式创建:
当然,点击应用的名字,还可以看到应用的具体信息:
账号配置
组件管理
更多设置
自定义组件的显示
通过下拉框,选择要默认显示出来的组件:
区域2:针对不同组件,组件可自定义按钮和命令;
需要针对组件,进行规范升级,增加用来判断,组件是否可以作为默认显示在VSCodePlugin中的字段。如果字段被选中,那么组件应该提供几个重要的方法:
以FC组件为例,可以提供对应的按钮配置:
还要提供对应的功能:
同时,针对资源还需要提供资源级别的按钮配置和对应方法:
区域3:针对不同的文件(指的是符合Serverless Devs 规范的 Yaml 文件),组件自定义按钮和命令;
作用在:系统可以检测出一个应用的配置(以s.yaml为主)
.s
目录下):区域4: 执行状态
【讨论】组件每次执行,在这里显示traceId等信息,用来状态展示。【更多功能后续更新】
区域5:Serverless Devs 提供若干功能支持
编辑功能
安装后的引导/欢迎页面: Webview页面
【待讨论】希望这部分是一个新手引导的过程
【待讨论】可以在这个页面增加一定的默认配置功能,例如配置某个云厂商的组件为默认组件等
Beta Was this translation helpful? Give feedback.
All reactions