VSCode Pro Tips

VSCode vs Sublime Text

• A better way to search things across a project.
• A better way to navigate through searched stuff.

Keyboard shortcuts

• ctrl/cmd O: Open new project for the first time.
• ctrl R: Open new project quickly (not working the first time).
• ctrl/cmd shift N: Open new window.
• ctrl/cmd P: Open file.
• ctrl/cmd F: Search in the opened file.
• ctrl/cmd shift F: Search in the whole project.
• alt/option ↑: Move the focused line one line above.
• alt/option ↓: Move the focused line one line below.
• alt/option shift ↑: Insert cursor above.
• alt/option shift ↓: Insert cursor below.
• alt/option cmd ↑: Move the focused line one line above.
• alt/option cmd ↓: Move the focused line one line below.
• ctrl/cmd D: Select selected word multiple times.
• ctrl/cmd shift L: Select all occurrences of current selection.
• ctrl/cmd N: Create new file.
• ctrl/cmd alt/option T: Close all tabs except the selected one.
• ctrl/cmd W: Close selected tab.
• ctrl/cmd shift P: Show Command Palette.
• ctrl/cmd shift \: Jump to matching bracket.

Complete list of shortcuts for MacOS.

Complete list of shortcuts for Windows.

Recommended plugins

• File Utils.
• Shader languages support for VS Code.
• StandardJS.
• Stylelint.

Recommended settings

{
  "standard.engine": "standardx",
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "javascript.updateImportsOnFileMove.enabled": "never",
  "files.trimTrailingWhitespace": true,
  "css.lint.emptyRules": "ignore",
  "scss.lint.emptyRules": "ignore",
  "editor.formatOnPaste": false,
  "workbench.editor.enablePreview": false,
  "files.insertFinalNewline": true,
  "workbench.sideBar.location": "left",
  "git.autofetch": true,
  "git.enableSmartCommit": true,
  "git.confirmSync": false,
  "standard.usePackageJson": true,
  "editor.tabSize": 2,
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "stylelint.packageManager": "yarn",
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
  },
  "files.autoSaveDelay": 500,
  "security.workspace.trust.untrustedFiles": "open",
  "standard.autoFixOnSave": true,
  "htmltagwrap.tag": "span",
  "stylelint.syntax": "scss",
  "stylelint.validate": [
    "css",
    "scss"
  ],
  "stylelint.snippet": [
    "scss"
  ],
  "diffEditor.ignoreTrimWhitespace": false,
}