Skip to content

Instantly share code, notes, and snippets.

Last active January 25, 2023 18:40
  • Star 7 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
VSCode Config
  • Annotator: Display the annotation view (git blame) of the current file.
  • beutify: Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
  • Can I Use: Compatibility check for HTML5, CSS3, SVG, New JS API based on directly from Visual Studio Code.
  • Code SpellChecker: A basic spell checker that works well with camelCase code.
  • Custom CSS and JS: Custom CSS to your VS Code.
  • Debugger for Chrome: A VS Code extension to debug your JavaScript code in the Google Chrome browser, or other targets that support the Chrome Debugging Protocol.
  • EditorConfig for VSCode: EditorConfig support for Visual Studio Code.
  • ESLint: Integrates ESLint into VS Code.
  • File Utils: A convenient way of creating, duplicating, moving, renaming, deleting files and directories.
  • Flow Language Support: This extension adds Flow support for VS Code. Flow is a static type checker, designed to find type errors in JavaScript programs.
  • Git History (git log): View git log along with the graph and details.
  • Icon Fonts: Snippets for a variety of icon fonts
  • Jest: A comprehensive experience when using Facebook's Jest within a project.
  • language-stylus: Adds syntax highlighting and code completion to Stylus files in Visual Studio Code.
  • ruby-linter: An extension to use built-in Ruby linting in VSCode
  • Sass Lint: Integrates the sass-lint linter into VS Code.
  • SCSS IntelliSense: SCSS IntelliSense (Variables, Mixins and Functions) for all files in the workspace.
  • Sublime Babel: When using your favorite theme, Visual Studio Code doesn't always display syntax highlight colors as expected. This extension tries to mimic Sublime's babel-sublime package as much as possible to address poor coloring.
  • Sublime Material Theme: This is simply a port to align the style of the theme with the default VSCode chrome that cannot be changed atm.
  • Sublime Text Keymap: This extension ports the most popular Sublime Text keyboard shortcuts to Visual Studio Code.
  • vscode-icons: Bring icons to your VS Code.
  • Vue Components: A simple plugin to support the highlighting of .vue files. So far tested with JavaScript, Coffeescript, and HTML.
"key": "cmd+escape",
"command": "workbench.action.terminal.toggleTerminal"
}, {
"key": "cmd+t",
"command": "",
"when": "terminalFocus"
}, {
"key": "cmd+w",
"command": "workbench.action.terminal.kill",
"when": "terminalFocus"
}, {
"key": "cmd+backspace",
"command": "workbench.action.terminal.clear",
"when": "terminalFocus"
}, {
"key": "cmd+left",
"command": "workbench.action.terminal.focusPrevious",
"when": "terminalFocus"
}, {
"key": "cmd+right",
"command": "workbench.action.terminal.focusNext",
"when": "terminalFocus"
}, {
"key": "escape escape",
"command": "workbench.action.toggleZenMode"
}, {
"key": "cmd+shift+m",
"command": "fileutils.moveFile",
}, {
"key": "cmd+shift+r",
"command": "fileutils.renameFile",
  • Color Theme: Sublime Material Theme - Dark
  • File Icon Theme: VSCode Icons
// Place your settings in this file to overwrite the default settings
"window.fullScreenZenMode": false,
"editor.tabSize": 2,
"editor.fontFamily": "'Fira Code'",
"editor.fontSize": 15,
"editor.fontWeight": 400,
"editor.lineHeight": 24,
"editor.wordWrap": true,
"editor.renderIndentGuides": true,
"editor.renderWhitespace": "boundary",
"eslint.autoFixOnSave": true,
"": "onSave",
"files.associations": {
"*.vue": "vue"
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/.DS_Store": true,
"**/*.scssc": true,
"**/*.cssc": true,
"**/db.json": true,
"**/*.min.*": true,
"**/*.log.*": true,
"**/dist": true,
"**/tmp": true,
"**/cache": true,
"**/test_assets": true,
"**/node_modules": true,
"**/public": true,
"**/.deploy_git": true,
"**/rethinkdb_data": true,
"**/lcov-report": true
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
"workbench.statusBar.visible": true,
"terminal.external.osxExec": "",
"terminal.integrated.fontFamily": "'Fira Code'",
"terminal.integrated.fontLigatures": false,
"terminal.integrated.fontSize": 14,
"terminal.integrated.lineHeight": 1.7,
"cSpell.enabledLanguageIds": [
"vscode_custom_css.imports": [
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment