【亲测免费】 VS Code Project Manager 插件使用教程

1. 项目的目录结构及介绍

VS Code Project Manager 插件的源码目录结构如下：

vscode-project-manager/
├── .github/
├── .vscode/
├── assets/
├── src/
│   ├── commands/
│   ├── common/
│   ├── models/
│   ├── services/
│   ├── test/
│   └── extension.ts
├── .gitignore
├── .vscodeignore
├── CHANGELOG.md
├── package.json
├── README.md
└── tsconfig.json

• .github/: 包含 GitHub 相关的配置文件，如 issue 模板等。
• .vscode/: 包含 VS Code 的配置文件，如任务和调试配置。
• assets/: 包含插件使用的静态资源文件。
• src/: 包含插件的主要源代码。
  • commands/: 包含插件的命令实现。
  • common/: 包含通用的工具和辅助函数。
  • models/: 包含数据模型和接口定义。
  • services/: 包含服务层代码，处理业务逻辑。
  • test/: 包含单元测试和集成测试代码。
  • extension.ts: 插件的入口文件。
• .gitignore: 指定 Git 忽略的文件和目录。
• .vscodeignore: 指定在打包插件时忽略的文件和目录。
• CHANGELOG.md: 记录插件的变更历史。
• package.json: 插件的元数据和依赖管理。
• README.md: 插件的说明文档。
• tsconfig.json: TypeScript 的配置文件。

2. 项目的启动文件介绍

插件的启动文件是 src/extension.ts。这个文件是插件的入口点，负责初始化插件并注册命令。以下是 extension.ts 的主要内容：

import * as vscode from 'vscode';
import { ProjectManager } from './services/ProjectManager';

export function activate(context: vscode.ExtensionContext) {
    const projectManager = new ProjectManager(context);

    context.subscriptions.push(
        vscode.commands.registerCommand('projectManager.saveProject', () => projectManager.saveProject()),
        vscode.commands.registerCommand('projectManager.editProjects', () => projectManager.editProjects()),
        vscode.commands.registerCommand('projectManager.listProjects', () => projectManager.listProjects()),
        // 其他命令...
    );
}

export function deactivate() {
    // 插件卸载时的清理工作
}

• activate 函数: 插件激活时调用，初始化 ProjectManager 实例并注册命令。
• deactivate 函数: 插件卸载时调用，进行清理工作。

3. 项目的配置文件介绍

插件的主要配置文件是 package.json，它包含了插件的元数据、依赖、命令和其他配置信息。以下是 package.json 的部分内容：

{
    "name": "project-manager",
    "displayName": "Project Manager",
    "description": "Easily switch between projects",
    "version": "12.8.0",
    "publisher": "alefragnani",
    "engines": {
        "vscode": "^1.50.0"
    },
    "categories": [
        "Other"
    ],
    "activationEvents": [
        "onCommand:projectManager.saveProject",
        "onCommand:projectManager.editProjects",
        "onCommand:projectManager.listProjects",
        // 其他激活事件...
    ],
    "main": "./out/extension.js",
    "contributes": {
        "commands": [
            {
                "command": "projectManager.saveProject",
                "title": "Project Manager: Save Project"
            },
            {
                "command": "projectManager.editProjects",
                "title": "Project Manager: Edit Projects"
            },
            {
                "command": "projectManager.listProjects",
                "title": "Project Manager: List Projects"
            },
            // 其他命令...
        ],
        "configuration": {
            "