Tips and Tricks

Open the Welcome page to get started with the basics of VS Code. Help > Welcome.
- Try out "Interactive Playground"
Tips and Tricks on GitHub (Summarized below)
Tips and Tricks Advanced on GitHub

Settings tuning

"editor.fontSize": 18

"window.zoomLevel": 5

"files.autoSave": "afterDelay"

"editor.tabSize": 4

Keymaps

Toggle Sidebar: ctrl+b
Undo cursor position: ctrl+u
Go to last changed position: alt+left / alt+right
Move line up/down: alt+up / alt+down
Duplicate line: shift+alt+up / shift+alt+down

AutoMod Integrated Terminal Setting

Configure shell to run AutoMod from %AUTOMOD_ROOT% . Models run from this shell will be build with the standard MS compiler

Default settings

"terminal.integrated.shell.windows": "cmd.exe",

"terminal.integrated.shellArgs.windows": ["/K","c:/AutoMod/12_6/bin/amodset.cmd"],

Example Settings (Command prompt, Bash and Powershell)

"terminal.integrated.shell.windows"

"C:\\Windows\\System32\\cmd.exe",

"C:\\Windows\\SysWOW64\\cmd.exe",

"terminal.integrated.shellArgs.windows"

Git Bash   - ["/K","c:/AutoMod/12_6/bin/amodset.cmd & C:/Progra~1/Git/bin/bash.exe"],

"terminal.integrated.shellArgs.windows"

Powershell - ["/K","c:/AutoMod/12_6/bin/amodset.cmd & C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe"],

Cmder (Console Editor. Portable console emulator for Windows)

Q: VSCode + Cmder integration possible?

A: Yes, it's possible see steps below

Create an empty file called vscode.bat
Paste following content:

@echo off

SET CurrentWorkingDirectory=%CD%

SET CMDER_ROOT=C:\Users\%CMDER_ROOT%

CALL "%CMDER_ROOT%\vendor\init.bat"

CD /D %CurrentWorkingDirectory%

Modify %CMDER_ROOT% to your personal directory
Locate amodset.cmd in AutoMod folder, open with any code editor.
Copy and paste all content from amodset.cmd into newly created vscode.bat (paste content below pre-existing content)
Save vscode.bat
Set following user settings in AutoMod settings.json file:

"terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe"

"terminal.integrated.shellArgs.windows": ["/k", "%CMDER_ROOT%\\vendor\\init.bat"]

Links: Integrated Terminal

CodeMap Extension Setting or AutoMod

"codemap.asy": "c://Users//%User%//.vscode//extensions//vscode-automod-support//misc//CodeMap-vscode.oleg-shilo//mapper_automod.js",

"codemap.textMode": false,

Links: CodeMap (Oleg Shilo)

Customizing a Color (Example)

Theme based settings
TextMate based settings
Workbench based settings

"editor.tokenColorCustomizations": {

        "[%COLOR_THEME_NAME%]": {

            "comments": "#6f7065"

},

        "textMateRules": [

                "scope": "%scope.name%",

                "settings": {

                    "foreground": "#e06262",

                    "fontStyle": "bold underline"

},

"workbench.colorCustomizations": {

    "editor.selectionBackground": "#408a9b",

    "editor.selectionHighlightBackground": "#3b899b"

},

See Fig. 1 for example settings
See Fig. 2 for syntax highlight depiction

Links: more of syntax highlighting

Fig 1.

Hover colored squared (preview) to pop up color picker
Command Palette... + Developer: Inspect TM Scopes to find scope names

Fig 2.

Comments in color green
"Todo" text in red
Selection in navy blue

Change your theme

Open the Command Palette and type "themes". You can install more themes from the extension Marketplace.

Additionally, you can install and change your File Icon themes.

Multi cursor selection

Windows: ctrl+alt+up or ctrl+alt+down

Move line up and down

Windows: alt+up or alt+down

Copy line up / down

Windows: shift+alt+down or shift+alt+up

Creating your own snippets (Template Example)

You can define your own snippets, either global snippets or snippets for a specific language. To open up a snippet file for editing, select User Snippets under File > Preferences and select the language (by language identifier) for which the snippets should appear or create a new global snippet (New Global Snippets file...).

Example: While-loop snippet

Links: more about snippets

    "While_Loop_5": {

        "prefix": "while",

        "body": [

          "set i = 1",

          "while i < 5 do begin",

              "//do something",

              "inc i by 1",

          "end"

],

        "description": "While loop (5)"

},

In the example above:

While_Loop_5 is the snippet name.
prefix defines how this snippet is selected from IntelliSense and tab completion. In this case while.
body is the content and either a single string or an array of strings of which each element will be inserted as separate line.
description is the description used in the IntelliSense drop down.

Once you have added a new snippet, you can try it out right away, no restart needed.

Misc

VS Code title bar coloring

Google Sites

Report abuse