背景

使用 LeetCode 插件在 VS Code 中刷题时，由于只给出核心代码，编辑器会出现大量红色波浪线，虽然不影响测试和提交，但十分影响美观和自动补全，原因在于未引入相应的头文件，可以通过添加以下两行代码解决：

1
2
#include <bits/stdc++.h> // c++万能头文件
using namespace std;

如果每次都手动添加过于繁琐，考虑修改 LeetCode 插件的默认代码模板，但是插件设置中并未提供相应选项，只能魔改插件后重新打包再进行本地安装。

修改源码

fork vscode-leetcode 并 git clone 到本地，修改以下文件：

  • package.json
  • src/commands/show.ts
  • src/leetCodeExecutor.ts

详见 vscode-leetcode

准备工作

  1. 安装 node.js 并配置环境变量
  2. 全局安装 webpack 和 webpack-cli 并配置环境变量 
    1
    2
    npm install -g webpack
    npm install webpack-cli -g
    环境变量 path 字段，增加：C:\Users\xxx\AppData\Roaming\npm
  3. 源代码目录执行 npm install

打包

  1. npm i vsce -g
  2. 在项目源代码的根目录，打开终端，执行 vsce package，就会在项目根目录生成 vsix 文件了。
  3. 打开 VS Code 安装即可（最好先禁用原来安装的 LeetCode 插件）

添加头部代码

VS Code 设置中搜索 leetcode header，点击 Add Item 根据需求添加代码，此操作会在 LeetCode 代码模板注释前插入添加的内容。

参考