如何使用Rescript开发VS Code扩展？API访问及实现方式咨询

核心解决思路是为VS Code Extension API创建Rescript绑定，以下是具体实操步骤：

1. 生成VS Code API的Rescript绑定 #

VS Code的API基于TypeScript定义（vscode.d.ts），Rescript需要通过绑定文件来访问这些API：

• 你可以手动编写绑定，比如针对核心激活逻辑的简单示例：

  type disposable
  @module("vscode") external activate: (Js.Dict.t) => disposable = "activate"
  @module("vscode") external registerCommand: (string, unit => unit) => disposable = "registerCommand"
  @module("vscode") external windowShowInformationMessage: (string) => unit = "window.showInformationMessage"
  

• 也可以借助工具批量生成完整的API绑定，避免手动编写的繁琐（工具可基于VS Code官方的TypeScript类型定义自动转换）。

2. 配置项目编译与扩展入口 #

• 在bsconfig.json中设置编译输出为CommonJS（VS Code扩展默认使用CommonJS模块）：

  {
    "name": "your-rescript-extension",
    "sources": ["src"],
    "package-specs": {
      "module": "commonjs",
      "in-source": false,
      "output-dir": "lib"
    },
    "suffix": ".bs.js"
  }
  

• 修改package.json的main字段，指向Rescript编译后的JS文件，例如："./lib/src/extension.bs.js"

3. 编写Rescript扩展逻辑 #

基于绑定好的API编写扩展代码，比如实现一个简单的弹窗命令：

let activate = (context) => {
  let disposable = registerCommand("rescript-ext.hello", () => {
    windowShowInformationMessage("Hello from ReScript VS Code Extension!")
  })
  // 将命令的disposable添加到上下文订阅（需先绑定context的subscriptions方法）
  let subscriptions = Js.Dict.get(context, "subscriptions")->Belt.Option.getExn
  Js.Array.push(subscriptions, disposable)
}

// 导出激活函数供VS Code调用
@bs.export external activateExport: (Js.Dict.t) => disposable = "activate"
activateExport = activate

4. 调试与打包 #

• 调试流程和TypeScript扩展一致：在VS Code中配置调试目标为编译后的JS文件，即可正常断点调试
• 打包使用vsce package命令，生成可发布的扩展包

总结：只要完成VS Code API的Rescript绑定，就能完全用Rescript开发VS Code扩展，不需要依赖TypeScript模板。

内容的提问来源于stack exchange，提问作者Salamander987