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

I teach how I use VSCode deeply in my macOS automation course.

Notes ​

• 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 Extensions command -> 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 Outline section 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

Links ​

• 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
• Configuring VSCode as a Keyboard-Centric IDE (2023) (Lobsters)
• What do you change in VSCode settings first thing? (2023)
• Creating VS Code Snippets to Speed Up Workflow (2023)
• vscli - CLI tool to launch vscode projects, which supports devcontainers.
• nexxeln's VSCode config
• VS Code Port Forwarding