Solve LeetCode problems in VS Code with enhanced split view and problem list management

This is an enhanced version of the original vscode-leetcode extension with the following improvements:

• Description on Left, Code on Right: When viewing a problem, the description automatically opens in the left column and the code editor in the right column
• Consistent Layout: All related views (submit results, test results, description) open in the left column for better organization
• Configurable: Can be enabled/disabled via leetcode.enableSplitView setting

• Custom Problem Lists: Create and manage your own problem lists
• Official Lists Support: Support for both official LeetCode problem lists and custom lists
• URL-Based Problem Lists: Create problem lists from any LeetCode study plan or problem list URL
• Easy Management: Right-click on problems to add/remove from lists
• Persistent Storage: Problem lists are saved locally and persist across VS Code sessions

• Better Layout: All webview panels (submit, test, description) now respect the split view setting
• Consistent Behavior: Unified display behavior across all LeetCode-related views
• Smart Positioning: Views automatically position themselves based on your split view preference

• LeetCode: Create Problem List - Create a new custom problem list (empty or from URL)
• LeetCode: Manage Problem Lists - View and manage existing problem lists
• LeetCode: Add to Problem List - Add current problem to a list
• LeetCode: Remove from Problem List - Remove current problem from a list

• leetcode.enableSplitView - Enable/disable split view mode (default: true)

• English Document | 中文文档

• Search for "LeetCode Enhanced" in the VS Code Extensions marketplace
• Click Install
• Published by: keyang

1. Download the latest .vsix file from GitHub Releases
2. Install via VS Code:

   code --install-extension vscode-leetcode-enhanced-[version].vsix

git clone https://github.com/KindofCrazy/vscode-leetcode.git
cd vscode-leetcode
npm install
npm run compile
vsce package
code --install-extension *.vsix

1. Sign in to LeetCode using the LeetCode Explorer panel
2. Browse problems - click any problem to open it with split view
3. Create problem lists - right-click on problems to add them to lists
4. Manage your lists - use the Problem List section in the explorer

{
  "leetcode.enableSplitView": true  // Enable split view mode
}

• Create List: Use LeetCode: Create Problem List command
• Add Problems: Right-click on any problem → "Add to Problem List"
• Manage Lists: Use LeetCode: Manage Problem Lists command
• Create from URL: Use LeetCode: Create Problem List command (select "Import from URL" option)

• 📚 Study Plans - Any LeetCode study plan URL (e.g., /studyplan/top-100-liked/)
• 📋 Problem Lists - Any LeetCode problem list URL (e.g., /problem-list/5VgExJRB/)
• 🌐 Both Domains - Support for both leetcode.cn and leetcode.com
• 🎯 Auto-Naming - Intelligent naming based on URL patterns

• VS Code 1.57.0+
• Node.js 10+

  NOTE: Please make sure that Node is in your PATH environment variable. You can also use the setting leetcode.nodePath to specify the location of your Node.js executable.

Recommended: Use Cookie login for the best experience with this enhanced extension.

• Web Authorization may redirect to the original LeetCode extension
• Cookie Login provides direct access to this enhanced version
• More Reliable for the enhanced features (split view, problem lists)

1. Get your LeetCode Cookie (via Network → GraphQL):

   • Open the LeetCode website (leetcode.com or leetcode.cn) and make sure you are logged in
   • Press F12 to open Developer Tools
   • Go to the Network tab, filter to Fetch/XHR, then refresh the page (F5)
   • Click any graphql request in the list
   • In the right panel, under Request Headers, find the Cookie header and copy its full value

2. Login with Cookie:

   • Click Sign In in the LeetCode Explorer
   • Select LeetCode Cookie (marked as Recommended)
   • Paste the Cookie header value you copied in step 1
   • You're logged in!

Note: For leetcode.cn, follow the same steps on the Chinese site and use the copied Cookie header value. This method follows guidance similar to community tutorials CSDN blog reference.

• Simply click Sign in to LeetCode in the LeetCode Explorer will let you sign in with your LeetCode account.

• You can also use the following command to sign in/out:

  • LeetCode: Sign in
  • LeetCode: Sign out

• By clicking the button at the explorer's navigation bar, you can switch between different endpoints.

• The supported endpoints are:

  • leetcode.com
  • leetcode.cn

  Note: The accounts of different endpoints are not shared. Please make sure you are using the right endpoint. The extension will use leetcode.com by default.

• Directly click on the problem or right click the problem in the LeetCode Explorer and select Preview Problem to see the problem description.

• Select Show Problem to directly open the file with the problem description.

  Note：You can specify the path of the workspace folder to store the problem files by updating the setting leetcode.workspaceFolder. The default value is：$HOME/.leetcode/.

  You can specify whether including the problem description in comments or not by updating the setting leetcode.showCommentDescription.

  You can switch the default language by triggering the command: LeetCode: Switch Default Language.

• The extension supports 5 editor shortcuts (aka Code Lens):

  • Submit: Submit your answer to LeetCode.
  • Test: Test your answer with customized test cases.
  • Star/Unstar: Star or unstar the current problem.
  • Solution: Show the top voted solution for the current problem.
  • Description: Show the problem description page.

  Note: You can customize the shortcuts using the setting: leetcode.editor.shortcuts. By default, only Submit and Test shortcuts are enabled.

• By clicking the button at the explorer's navigation bar, you can search the problems by keywords.

• To manage your LeetCode sessions, just clicking the LeetCode: *** at the bottom of the status bar. You can switch between sessions or create, delete a session.

src/
├── commands/
│   ├── problemList.ts          # New: Problem list management commands
│   └── show.ts                 # Enhanced: Split view support
├── problemList/
│   └── problemListManager.ts   # New: Problem list data management
├── webview/
│   ├── leetCodePreviewProvider.ts    # Enhanced: Split view support
│   └── leetCodeSubmissionProvider.ts # Enhanced: Split view support
└── shared.ts                   # Enhanced: New interfaces and types

1. Backup your settings (optional)
2. Uninstall the original extension
3. Install this enhanced version
4. Your existing problems and settings will be preserved

This project is based on the original vscode-leetcode extension.

• All original LeetCode functionality
• Sign in/out capabilities
• Problem browsing and solving
• Test and submit functionality
• All original settings and configurations

• Split view layout system
• Problem list management
• Enhanced user interface
• Improved view consistency

When you meet any problem, you can check out the Troubleshooting and FAQ first.

If your problem still cannot be addressed, feel free to reach us in the Gitter Channel or file an issue.

Refer to CHANGELOG

This project is licensed under the MIT License - see the LICENSE file for details.

• Original Project: Based on vscode-leetcode by @LeetCode-OpenSource
• Core CLI: Built on leetcode-cli by @skygragon
• Contributors: Thanks to all contributors of the original project

• Issues: GitHub Issues
• Documentation: Wiki
• Original Project: vscode-leetcode

Note: This is an enhanced fork of the original vscode-leetcode extension. All original functionality is preserved while adding new features for better user experience.