My VS code Settings

javascript.json

{
	// 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"
	}

}

settings.json

{
  "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,
  "telemetry.telemetryLevel": "off",
  "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,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.quickSuggestions": {
    "comments": "on"
  },
  "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",
    "svelte",
    "vue"
  ],
  "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",
  "typescript.implementationsCodeLens.enabled": true,
  "typescript.referencesCodeLens.enabled": false,
  "typescript.referencesCodeLens.showOnAllFunctions": false,
  "svg.preview.mode": "svg",
  "emmet.includeLanguages": {
    "svelte": "html",
    "postcss": "css"
  },
  "emmet.syntaxProfiles": {
    "postcss": "css"
  },
  "workbench.startupEditor": "welcomePage",
  "workbench.statusBar.visible": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "files.trimTrailingWhitespace": true,
  "files.autoSave": "afterDelay",
  "tabnine.experimentalAutoImports": true,
  "redhat.telemetry.enabled": false,
  "svelte.enable-ts-plugin": true,
  "php.suggest.basic": false,
  "php.validate.enable": false,
  "emmet.excludeLanguages": [
    "markdown",
    "php"
  ],
  "php.memoryLimit": "2048M",
  "php.problems.exclude": {
    "vendor/": true,
    "cache/": true,
  },
  "[php]": {
    "editor.linkedEditing": false
  },
  "intelephense.environment.phpVersion": "8.1.0",
  "intelephense.files.exclude": [
    "**/vendor/**/{Tests,tests}//**/*Test.php",
  ],
  "intelephense.environment.includePaths": [
    "**/vendor/doctrine/orm/lib/Doctrine/*",
    "**/vendor/symfony/*",
    "**/vendor/doctrine/doctrine-bundle/Repository/*",
    "**/vendor/phpunit/phpunit/src/Framework/*"
  ],
  "twig-language-2.braceLine": true,
  "twig-language-2.bracePadding": true,
  "twig-language-2.commentLine": true,
  "twig-language-2.cssInsertLines": true,
  "twig-language-2.elseLine": true,
  "twig-language-2.forceIndent": true,
  "twig-language-2.formatObject": "indent",
  "twig-language-2.functionName": true,
  "twig-language-2.objectSort": true,
  "twig-language-2.spaceClose": true,
  "php-cs-fixer.executablePath": "${extensionPath}/php-cs-fixer.phar",
  "php-cs-fixer.rules": "@PhpCsFixer",
  "php-cs-fixer.lastDownload": 1680294493944,
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.inlineSuggest.enabled": true,

}

VS-code-Readme

#******** 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 bmewburn.vscode-intelephense-client
code --install-extension csstools.postcss
code --install-extension dbaeumer.vscode-eslint
code --install-extension DEVSENSE.composer-php-vscode
code --install-extension DEVSENSE.phptools-vscode
code --install-extension DEVSENSE.profiler-php-vscode
code --install-extension eamodio.gitlens
code --install-extension EditorConfig.EditorConfig
code --install-extension esbenp.prettier-vscode
code --install-extension formulahendry.auto-rename-tag
code --install-extension GitHub.copilot
code --install-extension hbenl.vscode-test-explorer
code --install-extension jock.svg
code --install-extension junstyle.php-cs-fixer
code --install-extension k--kato.intellij-idea-keybindings
code --install-extension mblode.twig-language-2
code --install-extension MehediDracula.php-namespace-resolver
code --install-extension mikestead.dotenv
code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-vscode.test-adapter-converter
code --install-extension naumovs.color-highlight
code --install-extension oderwat.indent-rainbow
code --install-extension pranaygp.vscode-css-peek
code --install-extension redhat.vscode-yaml
code --install-extension smulyono.reveal
code --install-extension svelte.svelte-vscode
code --install-extension TheNouillet.symfony-vscode
code --install-extension VisualStudioExptTeam.intellicode-api-usage-examples
code --install-extension VisualStudioExptTeam.vscodeintellicode
code --install-extension vscode-icons-team.vscode-icons
code --install-extension Vue.volar
code --install-extension WallabyJs.quokka-vscode
code --install-extension xabikos.JavaScriptSnippets
code --install-extension Zignd.html-css-class-completion

# code --install-extension ms-vsliveshare.vsliveshare # to share editors
# code --install-extension TabNine.tabnine-vscode     # AI autocomplete

#----------------------------------------#



#******** 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)
# ---------------------------------------- #

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 + \