Ctrl
+Shift
+P
, F1
: Show Command Palette
Ctrl
+Shift
+T
: Open last closed tab
Ctrl
+P
: Quick Open, Go to File
Ctrl
+Shift
+N
: New window/instance
Ctrl
+W
: Close window/instance
Ctrl
+,
: User Settings
Ctrl
+K
, Ctrl
+S
: Keyboard Shortcuts
Ctrl
+X
: Cut line (empty selection)
Ctrl
+C
: Copy line (empty selection)
Ctrl
+β/β
: Move line down / up
Ctrl
+Shift
+K
: Delete line
Ctrl
+Enter
/ Ctrl
+Shift
+Enter
: Insert line below / above
Ctrl
+Shift
+\
: Jump to matching bracket
Ctrl
+]
/ Ctrl
+[
: Indent / Outdent line
Ctrl
+Home
/ End
: Go to beginning / end of file
Ctrl
+β / β
: Scroll line up / down
Alt
+PgUp
/ PgDn
: Scroll page up / down
Ctrl
+Shift
+[ / ]
: Fold / unfold region
Ctrl
+K
, Ctrl
+[ / ]
: Fold / unfold all subregions
Ctrl
+K
, Ctrl
+0
/ Ctrl
+K
, Ctrl
+J
: Fold /Unfold all regions
Ctrl
+K
, Ctrl
+C
: Add line comment
Ctrl
+K
, Ctrl
+U
: Remove line comment
Ctrl
+/
: Toggle line comment
Ctrl
+Shift
+A
: Toggle block comment
Alt
+Z
: Toggle word wrap
-
CSScomb
: Coding style formatter for CSS, Less, SCSS and Saas.
-
Puglint
: Linter and style checker for pug.
-
Sass
: Indented Sass syntax highlighting, autocomplete & snippets.
-
SCSS IntelliSense
: Advanced autocompletion and refactoring support for SCSS.
-
XML Format
: Format XML documents.
-
Import Cost
: This extension will display inline in the editor the size of the imported package.
-
ESLint
: Integrates ESLint into VS Code
-
NPM
: NPM support for VS Code.
-
NPM Intellisense
: Visual Studio Code plugin that autocompletes NPM modules in import statements.
-
Version Lens
: Shows the latest version for each package using code lens.
-
Vetur
: Vue tooling for VS Code.
-
Perl
: Code intelligence for the Perl language.
-
Perl Toolbox
: Perl Toolbox for linting and syntax checking for Perl.
-
Perl Moose
: Perl Moose syntax highlight support for Visual Studio Code.
-
Git History
: View git log, file history, compare branches or commits.
-
Gitignore
: An extension for Visual Studio Code that assists you in working with .gitignore files.
-
GitLens
: Visualize code authorship, code lens, seamlessly Git blame annotations and more.
-
Gitmoji
: An emoji tool for your git commit messages.
-
Better comments
: Improve your code commenting by annotating with alert, informational, TODOs, and more!
-
Debugger for Chrome
: Debug your JavaScript code in the Chrome browser.
-
EditorConfig for VS Code
: EditorConfig Support for Visual Studio Code.
-
File Utils
: A convenient way of creating, duplicating, moving, renaming and deleting files and directories.
-
Final-Newline
: Inserts a final newline when saving the document.
-
Formatting Toggle
: A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, β¦) ON and OFF with a simple click.
-
Open in Github/Bitbucket...
: Jump to a source code line in Github / Bitbucket, Gitlab, VisualStudio.com
-
OpenChrome
: Open file with Chrome.
-
Output Colorizer
: Syntax Highlighting for log files.
-
Prettier - Code formatter
: VS Code plugin for prettier/prettier.
-
Project Manager
: Easily switch between projects.
-
REST Client
: REST Client for Visual Studio Code.
-
SVG Viewer
: SVG Viewer for Visual Studio Code.
-
Terminal
: Terminal for Visual Studio Code.
-
Vue Peek
: Allows peek and goto definition for Vue single-file components.
-
VS Live Share
: Real-time collaborative development from the comfort of your favorite tools.
-
Wrap Console Log
: Wrap to console.log by word or selection.
-
Bracket Pair Colorizer
: Allows matching brackets to be identified with colours.
{
// Controls the font size in pixels
"editor.fontSize": 14,
// Render vertical rulers after a certain number of
// monospace characters. Use multiple values for multiple
// rulers. No rulers are drawn if array is empty
"editor.rulers": [100],
// The number of spaces a tab is equal to
"editor.tabSize": 2,
"[python]": {
"editor.tabSize": 4
},
// Controls the line height
"editor.lineHeight": 22,
// Controls the font family
"editor.fontFamily": "Fira Code",
// Enables font ligatures
"editor.fontLigatures": true,
// Controls whether snippets are shown with other suggestions and how they are sorted.
"editor.snippetSuggestions": "top",
// Ignore extension recommendations
"extensions.ignoreRecommendations": false,
// Controls auto save of dirty files
"files.autoSave": "afterDelay",
// Controls the delay in ms after which a dirty file is saved automatically
"files.autoSaveDelay": 1000,
// Configure glob patterns for excluding files and folders
"files.exclude": {
".yarn": true,
"**/*.pyc": true
},
// Insert a final new line at the end of the file when saving it
"files.insertFinalNewline": true,
// Confirm before synchronizing git repositories
"git.confirmSync": false,
// Commit all changes when there are no staged changes
"git.enableSmartCommit": true,
// Whether to lint Python files using pylint
"python.linting.pylintEnabled": false,
// Whether to lint Python files using flake8
"python.linting.flake8Enabled": true,
// Configure glob patterns for excluding files and folders in
// searches. Inherits all glob patterns from the files.exclude setting.
"search.exclude": {
"**/.git": true,
"**/.nuxt": true,
"**/build": true,
"**/data": true,
"**/dist": true,
"**/env": true
},
// Adjust the zoom level of the window. The original size is 0
// and each increment above (e.g. 1) or below (e.g. -1) represents
// zooming 20% larger or smaller. You can also enter decimals to
// adjust the zoom level with a finer granularity.
"window.zoomLevel": 0,
// Overrides colors from the currently selected color theme.
"workbench.colorCustomizations": {
"statusBar.background": "#8252be",
"statusBar.foreground": "#eeffff",
"titleBar.activeBackground": "#282b3c",
"titleBar.activeForeground": "#eeefff"
},
// Specifies the color theme used in the workbench
"workbench.colorTheme": "Material Palenight",
// Specifies the icon theme used in the workbench
"workbench.iconTheme": "material-icon-theme",
// Controls font aliasing method in the workbench
"workbench.fontAliasing": "antialiased",
"explorer.confirmDragAndDrop": false
}