开发vscode/华为vscode插件

准备

技术栈:typescript + nodejs + h5 ;

开发环境:Nodejs

插件设计稿,需求.

其他插件依赖 |-huawei-cloud-authentication

安装

vs code extension generator 脚手架

npm install -g yo generator-code

yo code

Extension Assistant 华为插件开发助手

//内部地址

结构

配置清单

package.json是插件的配置清单,其中混合了Nodejs的字段:scripts/dependencies等 也有vscode的字段:publisher/activationEvents/contributes.

name:这个插件的id(区分插件以执行)
activationEvents:激活事件
contributes:发布内容配置

入口

extension

面板

panel=>html

工具实践

1.webviewPanel.webview.html = getWebViewContent
    | html与vscode之间的传值
    
2.克隆关联代码功能的实现:
    checkHandleService(entension => reposityWebview => service文件夹)
        | node命令
        connectRemote

api实践

data-cloud

常见问题

1.vscode proxy设置

2. api token获取格式

文档

vscode 中文文档

https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/preknowledge/variable-and-type