| title | VS Code |
|---|
My favorite editor that I use to write code in. I use many extensions for it.
My config for it can be found here.
I use VS Code GitHub theme with JetBrains Mono font. Here is how it looks:
I switch between GitHub Light and GitHub Dark themes as I change between macOS appearances.
GitHub Light
GitHub Dark
- VS Code is architected in a way where extensions are not eagerly activated by default. Each extension can declare a list of activation events, such as e.g. opening a file of a certain language, invoking a specific command, starting debugging, etc.
Developer: Show Running Extensionscommand -> Shows currently running extensions. Is good for profiling.- VS Code has excellent integrated node debugging. It integrates seamlessly with the entire tool ecosystem (eg I use ts-node-dev for autoreloading + typescript support, and the VS Code debugger Just Works). And because it's inside the editor, ndb features like the ability to put breakpoints in a file before it is required are irrelevant. It's all at your fingertips, just put a breakpoint right where you're coding, hit F5 to attach the debugger to your devserver and step through the code.
- To hide non useful
Outlinesection in sidebar, just open the context menu on the outline section's header and select the "Hide" action. - Can use "*" in the advanced search options in @code to search for similar subfolders across multiple parent folders.
- Can Keyboard map Emmet commands: inward and outward to select HTML/JSX blocks
- When you're writing markdown in VSCode you can just highlight text and ctrl+v to automatically make it a link.
- VSCode can let you run Jupyter Notebooks line by line and see variables
- VS Code Docs
- Introductory Videos
- Visual Studio Live Share Docs & Feedback
- code-server - Run VS Code on a remote server.
- sshcode - CLI to automatically install and run code-server over SSH.
- Vim to Code - Comprehensive (almost) list of resources, tutorials, and inspiration for migrating to Visual Studio code from Vim.
- VSCode Keyboard Shortcuts For Productivity (2019)
- VS Code Recipes - Collection of recipes for using VS Code with particular technologies.
- Snippet Generator - Generate snippets for VSCode/SublimeText. (Code)
- VS Code Tips
- code-server - Run VS Code on a remote server.
- sshcode - CLI to automatically install and run code-server over SSH.
- sail - Instant, pre-configured VS Code development environments.
- StackBlitz - Online IDE powered by Visual Studio Code. (Code) (GitHub)
- The best Parts of Visual Studio Code are proprietary (2020) (HN)
- VS Code Rocks - Weekly news on the newest features and updates to VSCode.
- VSCode to Prism Themes
- The Era of Visual Studio Code (2020) (HN) (Lobsters)
- My new coding workflow: VS Code + Remote-SSH extension (2020) (Lobsters)
- Cloud Code for Visual Studio Code - Brings the power and convenience of IDEs to developing cloud-native Kubernetes and Cloud Run applications.
- GitHub and VS Code
- VS Code Tips
- VS Code Wiki (Code)
- Learning all VSCode shortcuts evolved my developing habits (2020)
- VSCode Dev Containers - VS Code Remote / GitHub Codespaces Container Definitions.
- VS Code Day Event (2021 Talks)
- VS Code JavaScript snippets
- VSCode Learn Docs
- VS Code can do that? - All the best things about Visual Studio Code that nobody ever bothered to tell you.
- Hacking VSCode - fun side projects that boost productivity (2021)
- Make VS Code Awesome
- snp - VS Code code snippet generator.
- HN: Reflections on IDEA vs VS Code (2021)
- Productive VS Code - Change the way you VS Code in 1 hour.
- OpenVSCode Server - Run upstream VS Code on a remote machine with access through a modern web browser from any device, anywhere. (Article)
- How OpenVSCode Server turns VS Code into a web IDE (HN)
- How We Made Bracket Pair Colorization 10,000x Faster (2021) (HN) (Lobsters) (Tweet)
- VSCode.dev - Online VSCode Editor. (Article) (HN)
- Ask HN: Could VSCode be the new Emacs? (2021)
- VSCode Web - Visual Studio Code for browser.
- nix-devcontainer - Swiss army knife container for vscode development environments.
- File Nesting Config for VS Code
- CodeTerminal - Cross platform terminal app from Visual Studio Code.
- VS Code's Issue Triage GitHub Actions
- VSCodium - Open Source Binaries of VSCode. (Code) (HN)
- Visual Studio Code Community Discussions
- Monaco VSCode API - NPM module that implements the VSCode api and redirects calls to Monaco editor.
- Vim for VSCode - Learn to use Vim inside your favorite editor.
- The Visual Studio Code Server (HN)
- Developing on Remote Machines using SSH and Visual Studio Code (Lobsters)
- Ask HN: Why do you like Visual Studio Code? (2022)
- VS Code Sandboxing (2022)
- Making Remote Development Even Better (2022)
- VS Code's schemas