vscode Plugin for LeetCode
The VSCode plugin allows you to practice LeetCode problems within the VSCode editor while also viewing my thought process:
How to Use
Basic Features
This plugin is a modified version of the official open-source LeetCode plugin:
https://github.com/LeetCode-OpenSource/vscode-leetcode
Therefore, this plugin includes all functionalities of the official plugin such as logging into LeetCode accounts, searching problems, testing code, and submitting solutions. The issue with the official plugin is that it's well-adapted for the English LeetCode site but has limited support for the Chinese LeetCode (力扣) site and hasn't been maintained for a long time, resulting in errors even during login.
I have fixed all these bugs and added some useful features, which I will briefly introduce below.
Logging into LeetCode/力扣 Account
Click the plugin icon in the sidebar, then click the login icon. It will guide you to choose to log in to the Chinese 力扣 or the English LeetCode:
Follow the prompts. I recommend using the cookie login method. Here’s how to get the cookie for the Chinese 力扣:
1️⃣ ~ 2️⃣ Open the Chinese 力扣 website at https://leetcode.cn and ensure you are logged in.
3️⃣ Open the Developer Tools (Press F12 in Chrome) and click the Network tab.
4️⃣ ~ 6️⃣ Refresh the page, click on the first request, and check its Headers where you will find a Cookie field.
7️⃣ Select the entire cookie string, right-click, and copy it.
The method to get the cookie for the English LeetCode is similar. Just open the English LeetCode website at https://leetcode.com and repeat the above steps. I won’t elaborate further here.
Custom Code Templates
Firstly, a practical feature is the ability to configure code templates. This allows you to easily compile and debug code locally:
Solution/Idea Assistance for Problem Solving
Another important feature is the convenience for readers to view my problem-solving ideas and detailed solutions. All problems marked with ✨ in the problem list have been explained by me. You can open them to see my solutions or ideas:
You can write code while referring to my idea explanations:
I consistently practice solving algorithm problems and summarize solving patterns, so the number of problems marked with ✨ in the plugin will continue to increase, and all related plugins will be updated accordingly.
Code Image Annotations
The code in "labuladong's Ideas" supports direct copying, and the light bulb icons in the code will pop up images to help understand the code logic:
Algorithm Visualization Panel
When "labuladong's Ideas" is expanded, an interactive algorithm visualization panel will appear below the solution code, helping to understand the execution process of the algorithm:
For specific features of the visualization panel, please refer to Introduction to the Algorithm Visualization Panel.
Here's a short GIF to see how useful this plugin is:
Installation Method
The Microsoft Plugin Store is accessible in China. You can directly search for the keyword "labuladong" in the vscode plugin store to find the plugin, and click to install it:
If you can't find it, you can install it from the vscode plugin store website:
https://marketplace.visualstudio.com/items?itemName=labuladong.leetcode-helper
Warning
If you have already installed the official LeetCode plugin, you need to uninstall it first. This plugin is based on the official plugin and rewritten. If both are enabled at the same time, conflicts may occur due to shared configurations. Rest assured, my plugin's functionality is a superset of the official plugin, so uninstalling the original plugin will not affect your previous plugin configurations and code files.
Update Method
By default, vscode will automatically detect and update plugins.
Update Log
See vscode Plugin Update Log for details.
Bug Feedback
You can create an Issue on GitHub to report problems: