环境配置

1. 确保安装Node.js和Git；
2. 安装Yeoman和VS Code Extension Generator

npm install -g yo generator-code

3. 初始化项目

yo code

# 选择扩展程序类型
# ? What type of extension do you want to create? New Extension (TypeScript)
# 填写扩展程序名称
# ? What's the name of your extension? HelloWorld
### Press <Enter> to choose default for all options below ###

# 你的扩展程序的标识符是什么？（默认插件名称）
# ? What's the identifier of your extension? helloworld
# 你的扩展程序的描述是什么？
# ? What's the description of your extension? LEAVE BLANK
# 是否初始化一个git仓库？
# ? Initialize a git repository? Yes
# 是否将源代码与webpack捆绑在一起？
# ? Bundle the source code with webpack? No
# 使用哪个包管理器
# ? Which package manager to use? npm
# 是否要使用VSCode打开文件夹（这步可跳过）
# ? Do you want to open the new folder with Visual Studio Code? Open with `code`

扩展程序类型

• New Extension (TypeScript)
• New Extension (JavaScript)
• New Color Theme
• New Language Support
• New Code Snippets
• New Keymap
• New Extension Pack
• New Language Pack (Localization)
• New Web Extension (TypeScript)
• New Notebook Renderer (TypeScript)

包管理器

• npm
• yarn
• pnpm

文件目录

使用命令`tree -I "node_modules|test|.git" -a`打印文件夹目录
.
├── .eslintrc.json
├── .gitignore
├── .vscode
│   ├── extensions.json
│   ├── launch.json
│   ├── settings.json
│   └── tasks.json
├── .vscodeignore
├── CHANGELOG.md
├── README.md
├── package-lock.json
├── package.json
├── src
│   └── extension.ts
├── tsconfig.json
└── vsc-extension-quickstart.md

4. 在vscode编辑器内打开项目，按下F5，这将在新的扩展开发宿主窗口中编译和运行扩展。
5. 在打开的新窗口的命令面板（⇧⌘P）中运行Hello World命令
6. 你可以看到 Hello World from HelloWorld! 通知出现。

开发调试插件

1. 在 extension.ts 文件中修改扩展内容
2. 在打开的新窗口的命令面板运行Developer: Reload Window
3. 在打开的新窗口的命令面板运行Hello World命令