VSCode Config

extensions.md

• 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 http://caniuse.com/ 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.

keybindings.json

[{
  "key": "cmd+escape",
  "command": "workbench.action.terminal.toggleTerminal"
}, {
  "key": "cmd+t",
  "command": "workbench.action.terminal.new",
  "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",
}]

misc-preferences.md

• Color Theme: Sublime Material Theme - Dark
• File Icon Theme: VSCode Icons

settings.json

// 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,
    "eslint.run": "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": "iTerm.app",
    "terminal.integrated.fontFamily": "'Fira Code'",
    "terminal.integrated.fontLigatures": false,
    "terminal.integrated.fontSize": 14,
    "terminal.integrated.lineHeight": 1.7,
    "cSpell.enabledLanguageIds": [
        "javascript",
        "javascriptreact",
        "markdown",
        "html",
        "vue",
        "plaintext",
        "text",
        "typescript",
        "typescriptreact",
        "yml"
    ],
    "vscode_custom_css.imports": [
        "file://Users/fritz/.vscode-styles.css"
    ]
}