🧩 VSCode 插件

VS Code 扩展商店搜索 Meta JSON Schema 或 ClashMeta.meta-json-schema ，安装扩展后即可获取 Clash.Meta 的语法支持。

💡 用法

1. 安装YAML语法支持插件 redhat.vscode-yaml 。
2. 在 .vscode 目录下的 settings.json 文件中（如不存在则手动创建），填入以下内容。其中，key为schema文件的地址(url或本地文件)，value为路径通配符，请根据需求自行修改。

   {
     "yaml.schemas": {
       "https://fastly.jsdelivr.net/gh/dongchengjie/meta-json-schema@main/schemas/meta-json-schema.json": "**/*.yaml"
     }
   }

1. 安装 monaco-editor （编辑器）和 monaco-yaml （YAML支持）。

   npm install monaco-editor
   npm install monaco-yaml

2. 如果是vite项目，可通过安装插件简化初始化（其他构建工具如 webpack 请参考monaco-yaml文档）。

   1. 安装 vite-plugin-monaco-editor 。

   npm install vite-plugin-monaco-editor

   2. 配置 vite.config.ts 。

   import { defineConfig } from "vite";
   import monacoEditor from "vite-plugin-monaco-editor";
   
   export default defineConfig({
     plugins: [
       monacoEditor({
         languageWorkers: ["editorWorkerService"],
         customWorkers: [
           {
             label: "yaml",
             entry: "monaco-yaml/yaml.worker"
           }
         ]
       })
     ]
   });

   3. 代码中配置schema（请根据需求自行修改 fileMatch ）。

   import * as monaco from "monaco-editor";
   import { configureMonacoYaml } from "monaco-yaml";
   
   configureMonacoYaml(monaco, {
     validate: true,
     enableSchemaRequest: true,
     schemas: [
       {
         uri: "https://fastly.jsdelivr.net/gh/dongchengjie/meta-json-schema@main/schemas/meta-json-schema.json",
         fileMatch: ["**/*.clash.yaml"]
       }
     ]
   });

👓 JSON Schema可视化

• meta-json-schema

• clash-verge-merge-json-schema

• clash-nyanpasu-merge-json-schema

🖥️ 贡献代码

1. Fork仓库代码

2. 使用Visual Studio Code打开项目（工作目录为.vscode所在目录）

code path/to/project

[!NOTE] 项目打开后会弹出建议安装YAML插件的提示，请点击确认安装或手动安装，以获取良好的开发体验。

3. 安装依赖

pnpm install

4. 启动项目。

• 执行下列命令后，会对 src 目录进行监视。
• 如果发生变动则会对项目进行打包，输出到 schemas 目录下。

pnpm dev

5. 测试验证生成的schema文件

• 由于 .vscode 目录下 settings.json 中已事先配置了如下配置（ test 目录下的文件使用 schemas 目录下输出的schema文件）。于是可以对src目录中的内容进行修改，通过自动打包更新schema文件。
• 通过在 test 目录下新增测试文件，观察并验证校验结果，并及时做出修正。

"yaml.schemas": {
  "schemas/meta-json-schema.json": "test/clash-meta/**/*.yaml",
  "schemas/clash-verge-merge-json-schema.json": "test/clash-verge/**/*.yaml",
  "schemas/clash-verge-nyanpasu-json-schema.json": "test/clash-nyanpasu/**/*.yaml"
}

6. 输出打包

• 执行下列命令后，会根据 package.json 文件中定义的releases进行输出，并根据 optimize 中的配置决定是否进行压缩。

pnpm release

📖 JSON Schema 语法参考

项目使用的JSON Schema版本为draft-07，语法请参考JSON Schema Reference。

Monaco 编辑器是为 VS Code 提供支持的开源代码编辑器，使用下列属性提供更丰富的 Snippet 支持。

interface JSONSchema {
  // 自定义Snippet建议(数组)
  defaultSnippets?: {
    label: string; // 标签文本(索引)
    description?: string; // 标签描述(需要点击展开)
    markdownDescription?: string; // 标签描述(需要点击展开，markdown格式，优先级高于description)
    body: any; // 实际取值内容
    bodyText?: string; // 实际取值内容文本(暂无作用)
  }[];
  errorMessage?: string; // 错误信息
  patternErrorMessage?: string; // 格式错误信息(优先级高于errorMessage)
  deprecationMessage?: string; // 过时错误信息
  enumDescriptions?: string[]; // 枚举描述信息(数组)
  markdownEnumDescriptions?: string[]; // 枚举描述信息(markdown格式)
  markdownDescription?: string; // 描述信息(markdown格式)
  doNotSuggest?: boolean; // 不显示建议
  suggestSortText?: string; // 属性值建议排序符(默认为属性名)
  allowComments?: boolean; // 允许注释
  allowTrailingCommas?: boolean; // 允许尾随逗号
}

❓ FAQ

definitions目录下的 compatible.json 文件的用途是什么？

YAML支持 Folded Style 和 Inline Style 的写法。 使用"type": "boolean"来定义某个属性，那么'true'和'false'就会提示Incorrect type. Expected "boolean".。

因此引入compatible类型，以兼容多种编码风格。

proxies:
  - { name: "proxy1", type: "ss", cipher: "auto", tls: "true" }
  - { name: proxy2, type: ss, cipher: auto, tls: true }

proxies:
  - name: "proxy1"
    type: "ss"
    cipher: "auto"
    tls: "true"
  - name: proxy1
    type: ss
    cipher: auto
    tls: true

[!NOTE] 由于这种情况多发生于 proxies 配置部分，所以目前仅 proxies 配置中使用了 compatible.json ，其余地方可视情况使用。