【亲测免费】 EditorConfig for VS Code 使用教程

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

EditorConfig for VS Code 是一个用于在 Visual Studio Code 中支持 EditorConfig 配置文件的插件。以下是该项目的目录结构及其介绍：

editorconfig-vscode/
├── .github/                # GitHub 相关配置文件
├── assets/                 # 项目资源文件
├── src/                    # 源代码目录
│   ├── extension.ts        # 插件主入口文件
│   ├── test/               # 测试代码目录
│   └── utils/              # 工具函数目录
├── .editorconfig           # EditorConfig 配置文件
├── .gitignore              # Git 忽略文件配置
├── package.json            # 项目依赖和配置文件
├── README.md               # 项目说明文档
└── CHANGELOG.md            # 更新日志

目录结构介绍

• .github/: 包含 GitHub 相关的配置文件，如 issue 模板、PR 模板等。
• assets/: 包含项目的资源文件，如图片、图标等。
• src/: 包含项目的源代码，其中 extension.ts 是插件的主入口文件。
• .editorconfig: 项目的 EditorConfig 配置文件，用于统一代码风格。
• .gitignore: Git 忽略文件配置，指定哪些文件不需要被 Git 管理。
• package.json: 项目的依赖和配置文件，包含插件的名称、版本、依赖等信息。
• README.md: 项目的说明文档，介绍插件的功能、使用方法等。
• CHANGELOG.md: 项目的更新日志，记录每次更新的内容。

2. 项目的启动文件介绍

项目的启动文件是 src/extension.ts，它是插件的主入口文件。以下是该文件的主要内容和功能介绍：

import * as vscode from 'vscode';
import { EditorConfig } from './editorconfig';

export function activate(context: vscode.ExtensionContext) {
    const editorConfig = new EditorConfig();
    editorConfig.contribute(context);
}

export function deactivate() {
    // 插件停用时的处理逻辑
}

启动文件介绍

• activate 函数: 插件激活时调用的函数，主要负责初始化 EditorConfig 实例并注册相关命令和事件。
• deactivate 函数: 插件停用时调用的函数，用于清理资源和取消注册事件。

3. 项目的配置文件介绍

项目的配置文件主要包括 package.json 和 .editorconfig。

package.json

package.json 文件包含了插件的元数据和依赖信息，以下是该文件的部分关键内容：

{
    "name": "editorconfig",
    "displayName": "EditorConfig",
    "description": "EditorConfig support for Visual Studio Code",
    "version": "0.16.4",
    "publisher": "EditorConfig",
    "engines": {
        "vscode": "^1.22.0"
    },
    "categories": [
        "Other"
    ],
    "activationEvents": [
        "*"
    ],
    "main": "./out/src/extension",
    "contributes": {
        "commands": [
            {
                "command": "editorconfig.generate",
                "title": "Generate .editorconfig"
            }
        ]
    },
    "scripts": {
        "vscode:prepublish": "npm run compile",
        "compile": "tsc -p ./",
        "watch": "tsc -watch -p ./",
        "postinstall": "node ./node_modules/vscode/bin/install",
        "test": "npm run compile && node ./node_modules/vscode/bin/test"
    },
    "devDependencies": {
        "typescript": "^2.6.1",
        "vscode": "^1.1.6",
        "tslint": "^5.8.0",
        "@types/node": "^7.0.43",
        "@types/mocha": "^2.2.42"
    }
}

.editorconfig

.editorconfig 文件用于定义项目的编码规范，以下是该文件的部分关键内容：

# EditorConfig