Skip to content

Instantly share code, notes, and snippets.

@niketpathak

niketpathak/VS code Readme Secret

Last active Feb 25, 2021
Embed
What would you like to do?
My VS code Settings
{
// These snippets are deprecated. We will now use the ones available via an extension
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"log to console": {
"prefix": "lg",
"body": [
"console.log('***Fired***', '$1');",
"$2"
],
"description": "Log output to console"
},
"debug to console": {
"prefix": "deb",
"body": [
"console.debug('###Fired###', '$1');",
"$2"
],
"description": "Log debug output to console"
},
"err to console": {
"prefix": "err",
"body": [
"console.err('***Errrrr***', '$1');",
"$2"
],
"description": "Log error output to console"
}
}
{
"gitlens.statusBar.enabled": false,
"gitlens.hovers.enabled": false,
"gitlens.blame.format": "${author|10} ${date}",
"gitlens.blame.highlight.locations": ["gutter", "line", "overview"],
"gitlens.blame.avatars": false,
"gitlens.blame.compact": false,
"gitlens.defaultDateFormat": "DD/MM/YYYY",
"gitlens.defaultDateShortFormat": "DD/MM/YYYY",
"gitlens.blame.heatmap.enabled": false,
"gitlens.codeLens.enabled": false,
"files.autoSave": "afterDelay",
"sync.gist": "1e52bcf1d7262bf714109b9e60566026",
"telemetry.enableCrashReporter": false,
"telemetry.enableTelemetry": false,
"workbench.iconTheme": "vscode-icons",
"window.zoomLevel": 0,
"editor.minimap.enabled": false,
"editor.tabSize": 2,
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnSaveMode": "modifications",
"editor.linkedEditing": true,
"eslint.workingDirectories": [
{ "directory": "./client" }, // should point to the directory containing eslint config
{ "directory": "./www" }
],
"editor.codeActionsOnSave": {
// For ESLint
"source.fixAll.eslint": true,
// For TSLint
"source.fixAll.tslint": true,
// For Stylelint
"source.fixAll.stylelint": true
},
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"explorer.confirmDelete": false,
"svelte.language-server.runtime": "/home/niketpathak/.nvm/versions/node/v14.5.0/bin/node",
"svelte.plugin.css.diagnostics": false,
"vsicons.dontShowNewVersionMessage": true,
"prettier.printWidth": 120,
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[typescript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"typescript.updateImportsOnFileMove.enabled": "always",
"svg.preview.mode": "svg",
"emmet.includeLanguages": {
"svelte": "html",
"postcss": "css"
},
"emmet.syntaxProfiles": {
"postcss": "css"
},
"workbench.startupEditor": "welcomePage",
"workbench.editor.decorations.colors": false,
"workbench.editor.decorations.badges": true,
"workbench.statusBar.visible": true,
}
/******** Install Your Extensions ********/
// Run the following in the Terminal to get a list of your installed extensions
// [code --list-extensions | xargs -L 1 echo code --install-extension]
## List of Installed Extensions ## (Execute the following in Terminal to install them)
code --install-extension ardenivanov.svelte-intellisense
code --install-extension axetroy.vscode-changelog-generator
code --install-extension CoenraadS.bracket-pair-colorizer
code --install-extension csstools.postcss
code --install-extension dbaeumer.vscode-eslint
code --install-extension eamodio.gitlens
code --install-extension EditorConfig.EditorConfig
code --install-extension esbenp.prettier-vscode
code --install-extension felixfbecker.php-debug
code --install-extension felixfbecker.php-intellisense
code --install-extension felixfbecker.php-pack
code --install-extension formulahendry.auto-rename-tag
code --install-extension humao.rest-client
code --install-extension jock.svg
code --install-extension k--kato.intellij-idea-keybindings
code --install-extension mikestead.dotenv
code --install-extension mrmlnc.vscode-apache
code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-vscode.vscode-typescript-tslint-plugin
code --install-extension oderwat.indent-rainbow
code --install-extension pranaygp.vscode-css-peek
code --install-extension redhat.vscode-yaml
code --install-extension silvenon.mdx
code --install-extension smulyono.reveal
code --install-extension svelte.svelte-vscode
code --install-extension TheNouillet.symfony-vscode
code --install-extension vscode-icons-team.vscode-icons
code --install-extension whatwedo.twig
code --install-extension xabikos.JavaScriptSnippets
code --install-extension yzhang.markdown-all-in-one
code --install-extension Zignd.html-css-class-completion
----------------------------------------
/******** Update User Settings ********/
Open settings.json (ctrl+shift+p & search for settings.json) & update its content.
This file is usually located at "~/.config/Code/User/settings.json"
----------------------------------------
/********Update User Snippets ********/
Open File->Preferences->User Snippets and type "javascript.json"
Copy paste the contents of the "javascript.json" file (usually found at ~/.config/Code/User/snippets/javascript.json)
----------------------------------------
@niketpathak

This comment has been minimized.

Copy link
Owner Author

@niketpathak niketpathak commented Jul 2, 2020

Useful Shortcuts

  1. Open command Palette => Ctrl + Shift + P or F1 key
  2. Open Settings => Ctrl + , (clicking on the top-right icon will open settings.json )
  3. Select all occurrences of Find match => Ctrl + Shift + L
  4. Add selection/cursor to next match => Alt + J
  5. Jump to matching bracket => Ctrl + Shift + \
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment