从0开始开发一个vscode插件的基础指南来啦

从0开始开发一个vscode插件的基础指南来啦，以下文档用于开发一个简单的 VSCode 插件。

如果你想知道怎么开发一个vscode插件，那下面的步骤必不可少哈～

具体步骤如下：

标题步骤 1: 设置环境

首先，确保你已经安装了 Node.js 和 npm。然后安装 VSCode 扩展开发工具 vsce：

npm install -g vsce

步骤 2: 创建项目

在你选择的目录下创建一个新文件夹，然后初始化一个新的 Node.js 项目：

mkdir vscode-time-extension
cd vscode-time-extension
npm init -y

步骤 3: 添加必要的文件

创建以下文件结构：
● /src/extension.js —— 插件的主要逻辑。
● package.json —— 插件的配置文件。
● .vscodeignore —— 用于指定在打包时应忽略的文件和文件夹。
src/extension.js文件代码示例：

const vscode = require('vscode');

function activate(context) {
    //注册命令
    let disposable = vscode.commands.registerCommand('extension.showTime', function () {
        const now = new Date();
        vscode.window.showInformationMessage(`Current time: ${now.toLocaleTimeString()}`);
    });

    context.subscriptions.push(disposable);
}

function deactivate() {}

module.exports = {
    activate,
    deactivate
}

package.json文件示例：

{
  "name": "vscode-time-extension",
  "version": "1.0.0",
  "description": "Shows current time",
  "main": "src/extension.js",
  "scripts": {
    "vscode:prepublish": "npm run compile",
    "compile": "tsc -p ./",
    "postinstall": "vsce package"
  },
  "publisher": "your-publisher-name",
  "engines": {
    "vscode": "^1.58.0"
  },
  "activationEvents": [
    "onCommand:extension.showTime"
  ],
  "contributes": {
    "commands": [{
      "command": "extension.showTime",
      "title": "Show Current Time"
    }]
  },
  "dependencies": {
    "vscode": "^1.1.37"
  }
}

步骤 4: 测试插件

编译测试插件，点击调试按钮，编译完成后，执行extension.js文件，会打开一个vscode扩展开发宿主。你就能看到你的插件生效 了。

到这里就先这样了，希望对你有用～～