vscode插件开发-脚手架搭建

原创

已于 2024-03-18 11:07:43 修改 · 1.4k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #编辑器

于 2024-03-13 16:32:41 首次发布

本文介绍了如何在VSCode上安装必要的工具如Node.js和Git，然后使用Yeoman生成插件模板，包括选择不同类型的扩展（如TypeScript），配置并打包，最后通过调试器测试简单的插件功能。开发者可参考VSCode插件开发者官网获取更多信息。

安装插件模版

首先我们需要安装Node.js和Git

然后使用以下命令安装Yeoman和VS代码扩展生成器

pnpm install -g yo generator-code

生成脚手架

确保安装好yo和generator-code后，我们使用以下命令生成脚手架

yo code

然后会询问我们想要创建什么类型的扩展、扩展名等基本信息

// 您想要创建什么类型的扩展
What type of extension do you want to create? (Use arrow 
keys)
  New Extension (TypeScript) // 新扩展(TypeScript)
  New Extension (JavaScript) // 新扩展(JavaScript)
  New Color Theme // 新颜色主题
  New Language Support // 新的语言支持
  New Code Snippets // 新的代码片段
  New Keymap // 新Keymap
  New Extension Pack // 新的扩展包
  New Language Pack (Localization) // 新语言包(本地化)
  New Web Extension (TypeScript) // 新的Web扩展(TypeScript)
  New Notebook Renderer (TypeScript) // 新的笔记本渲染器(TypeScript)
// 您的扩展名是什么?
What's the name of your extension?
// 您的扩展的标识符是什么
What's the identifier of your extension?
// 你的扩展的描述是什么
What's the description of your extension?
// 是否初始化