Visual Studio Code

Workspace settings are placed in ./.vscode/. On per folder level we can set files.exclude and files.watcherExclude.
There's also a workspace (.code-workspace) file can contain a list of folders and workspace settings.

Visual Studio Code User and Workspace Settings

Visual Studio Code User and Workspace Settings
Workspaces in Visual Studio Code
What is a 'workspace' in Visual Studio Code? - Stack Overflow
Multi-root Workspaces in Visual Studio Code
Workspace Search in VS Code — A deep dive on find in files, replace, search editors and more! - YouTube

Some Little Improvements to My VS Code Workflow (Workspaces, Icons, Tasks) | CSS-Tricks

Totally confused by workspaces and folders in VSCode : vscode
What is a 'workspace' in VS Code? - Stack Overflow

Customization

Writing Snippets

Snippets in Visual Studio Code
snippet-creator - Visual Studio Marketplace
Visual Studio Code Snippets – the Definitive VS Code Snippet Guide for Beginners
codetalks-new/vscode-snippets-ext-template: A template project for create complex vscode snippets extension easily

Key Bindings

Visual Studio Code Key Bindings
when clause contexts | Visual Studio Code Extension API
Allow keybindings.json on .vscode folder. · Issue #4504 · microsoft/vscode no workspace keybindings

# unregister current key binding before overriding
{ "key": "ctrl+shift+n", "command": "-workbench.action.newWindow" }

Keybinding Issues · microsoft/vscode Wiki
Developer: Toggle Keyboard Shortcuts Troubleshooting

CLI

code --list-extensions
code --install-extension <extension>

Configs

`jsconfig.json`

jsconfig.json Reference

`tsconfig.json`

Profile

Profiles in Visual Studio Code
VSCode Profiles: Optimize Your Coding Environment

Extension

Installed extensions:

~/.code/extensions?
$env:USERPROFILE\.vscode\extensions, $env:LOCALAPPDATA\Programs\Microsoft VS Code\resources\app\extensions

Recommending VSCode extensions within your Open Source projects - DEV Community 👩‍💻👨‍💻 add to .vscode

Extensions for Visual Studio family of products | Visual Studio Marketplace
Open VSX Registry

My list of Microsoft Visual Code Studio Extensions | virtuallyGhetto
VS Code Top-Ten Pro Tips - YouTube
Become a VS Code Ninja with these Extensions and Tools [2020] - DEV
✨ Immensely upgrade your development environment with these Visual Studio Code extensions
Python Development in Visual Studio Code (Setup Guide) – Real Python
Python Development in Visual Studio Code – Real Python
Visual Studio Code Settings and Extensions for Faster JavaScript Development - Codesmith Development
The Ultimate VSCode Setup for JS/React – Productivity Freak – Medium
Visual Studio Code extensions to help your productivity - DEV Community 👩‍💻👨‍💻
My Favorite VSCode Extensions and Settings — Nick Janetakis
15 Essential Plugins for Visual Studio Code - Tutorialzine
22 Best Visual Studio Code Extensions for Web Development ― Scotch
26 Miraculous VSCode Tools for JavaScript Developers in 2019
10 Visual Studio Code extensions for every developer | InfoWorld
10 Extremely Helpful Visual Studio Code Plugins for Programmers
My VS Code settings for Web Development - DEV Community 👩‍💻👨‍💻

Use "Sublime keybinding"
Set Crtl + U to "Open Link"
Set Crtl + F2 to toggle bookmark, F2 to jump to next bookmark

// Place your key bindings in this file to overwrite the defaults
[
  {
    "key": "shift+alt+t",
    "command": "workbench.action.tasks.test"
  },
  {
    "key": "alt+cmd+[ArrowDown]",
    "command": "workbench.action.terminal.focusNext",
    "when": "terminalFocus"
  },
  {
    "key": "alt+cmd+[ArrowUp]",
    "command": "workbench.action.terminal.focusPrevious",
    "when": "terminalFocus"
  }
]

Writing Extensions

Visual Studio Code Extensibility Reference
Visual Studio Code API Reference
Visual Studio Code Extension Contribution Points - package.json
Microsoft/vscode-extension-samples: Sample code illustrating the VS Code extension API.

Extending Visual Studio Code | InfoWorld
Creating an Extension Pack for Visual Studio Code ― Scotch
The Yo Code Visual Studio Code Extension Generator
My First Visual Code Extension - DEV Community 👩‍💻👨‍💻
Why I wrote 33 VSCode extensions and how I manage them
How we built a VS Code extension with Rust, WebAssembly, and TypeScript

Language Extensions

Language Extensions Overview | Visual Studio Code Extension API

Change style of VS Code Markdown code syntax highlighting - Stack Overflow inspect scope

Use VS Code's syntax highlighting in Markdown preview · Issue #91279 · microsoft/vscode editor highlight is different from preview/export highlight

mjbvz/vscode-fenced-code-block-grammar-injection-example: Example of injecting a new grammar into VSCode's builtin markdown syntax highlighting for fenced code blocks

Syntax Injection

highlight a language in another language's source in the editor

Syntax Highlight Guide | Visual Studio Code Extension API
vscode-markdown-tm-grammar/markdown.tmLanguage at main · microsoft/vscode-markdown-tm-grammar predefined fenced_code_block_*
mjbvz/vscode-fenced-code-block-grammar-injection-example: Example of injecting a new grammar into VSCode's builtin markdown syntax highlighting for fenced code blocks
limejuly/vscode-markdown-autohotkey: A simple extension to enable VSCode's builtin markdown syntax highlighting for autohotkey fenced code blocks.

fish
reg
ahk
awk
make
cmake
logstash
nginx

npm install -D prettier prettier-plugin-tailwindcss

// prettier.config.js
module.exports = {
  plugins: ["prettier-plugin-tailwindcss"],
};

Tailwind CSS IntelliSense - Visual Studio Marketplace

Tailwind Raw Reorder - Visual Studio Marketplace
Headwind - Visual Studio Marketplace 😴inactive

My VSCode + Tailwind CSS Workflow Tips (Shortcuts and Extensions) - YouTube

Code Screenshot

carbon-now-sh invokes browser, Polacode has some incorrect position and too much forks

CodeSnap - Visual Studio Marketplace
RayThis: Instant Beautiful Code Screenshots - Visual Studio Marketplace

REST client

http-agents#REST Client
http-agents#Thunder Client

Copilot

github#Copilot

CodeTour

CodeTour - Visual Studio Marketplace
How to build a rock, paper, scissors game with GitHub Copilot - DEV Community

Remote Development

Visual Studio Code Remote Development
Remote - WSL - Visual Studio Marketplace
Live Share - Visual Studio Marketplace

Removing VS Code Remote Extensions - DEV Community 👩‍💻👨‍💻
Connect over SSH with Visual Studio Code
Work in Windows Subsystem for Linux with Visual Studio Code
Getting started with Dev Containers

Take your Linux development experience in Windows to the next level with WSL and Visual Studio Code Remote | Windows Command Line
An In Depth Tutorial on Linux Development on Windows with WSL and Visual Studio Code | Windows Command Line
Tips and Tricks for Linux development with WSL and Visual Studio Code | Windows Command Line

Visual Studio Live Share | Visual Studio - Visual Studio
Live Share Extension Pack - Visual Studio Marketplace
VS Live Share Audio - Visual Studio Marketplace

Collaborate using Visual Studio Code - Visual Studio Live Share - Visual Studio Live Share | Microsoft Docs

Others

Introducing MongoDB for VS Code | MongoDB
MongoDB for VS Code - Visual Studio Marketplace

Remote - Containers - Visual Studio Marketplace
Use a Docker container as a development environment with Visual Studio Code - Learn | Microsoft Docs

Settings Sync

use built-in Settings Sync

Settings Sync in Visual Studio Code
How to Sync Your VS Code Settings and Extensions Across Multiple Devices | by Devin Ryan Riota | Better Programming

如何清空 Visual Studio Code 儲存在雲端的設定同步資料並重建擴充套件 | The Will Will Web

deprecated

Settings Sync - Visual Studio Marketplace

Visual Studio Code Settings Sync Configurations – Shan Ali Khan – Medium

~/.config/Code/User/settings.json
~/.config/Code/User/syncLocalSettings.json

%APPDATA%\Code\User\settings.json

User data gets uploaded · Issue #1341 · shanalikhan/code-settings-sync
DO ignore these folders in syncLocalSettings.json:
"ignoreUploadFolders": ["workspaceStorage", "globalStorage", "History"],

Sync Pragmas · shanalikhan/code-settings-sync Wiki platform dependent settings

// @sync os=linux
"key": "linux setting",
// @sync os=windows
// "key": "windows setting",

Visual Studio Code

VSCodium

Must Read Docs

Tips and Tricks

Workspaces