Skip to content

Instantly share code, notes, and snippets.

@acmei
Last active July 21, 2017 19:28
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save acmei/dd8aaa58ed76db05f7e827c1c53f4047 to your computer and use it in GitHub Desktop.
Save acmei/dd8aaa58ed76db05f7e827c1c53f4047 to your computer and use it in GitHub Desktop.
Editor Settings for Web Engineers

Editor Settings for Web Engineers

Table of Contents

Anita (VSCode)

  • Extensions
    • Babel ES6/ES7
    • Base16 Themes
    • Color Highlight
    • ESLint
    • Flow Language Support
    • Java Server Pages (JSP)
    • Jest
    • One Dark Pro
    • Prettier - JavaScript formatter
    • Sublime Text Keymap
    • Trailing Spaces
    • vscode-spotify
// User Settings

{
    "editor.fontFamily": "Inconsolata, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontSize": 14,
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    "editor.rulers": [
        80
    ],
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "extensions.ignoreRecommendations": true,
    "files.associations": {
        ".prompt": "shellscript"
    },
    "files.insertFinalNewline": true,
    "files.trimTrailingWhitespace": true,
    "javascript.validate.enable": false,
    "trailing-spaces.trimOnSave": true,
    "typescript.check.tscVersion": false,
    "workbench.colorCustomizations": {
        "statusBar.background": "#303030"
    },
    "workbench.colorTheme": "Base16 Dark Chalk"
}
// Workspace Settings (pro-web)

{
  "jest.enableSnapshotUpdateMessages": false,
  "jest.pathToConfig": "jest.config.json",
  "prettier.jsonEnable": [],
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "prettier.useTabs": true,
}

Mike S (VSCode)

  • Extensions
    • Atom Keymap
    • Babel ES6/ES7
    • Docker
    • Document This
    • Easy icon theme
    • EditorConfig for VS Code
    • ESLint
    • Flow Language Support
    • JavaScript Atom Grammer
    • Jest
    • One Dark Pro
    • Prettier - JavaScript formatter
    • Project Manager
// User Settings
{
    "editor.fontSize": 14,
    "editor.renderWhitespace": "boundary",
    "editor.rulers": [
        80
    ],
    "files.associations": {
        "*.jsx": "javascriptreact"
    },
    "flow.useNPMPackagedFlow": true,
    "javascript.validate.enable": false,
    "projectManager.git.baseFolders": [
        "$home/repos"
    ],
    "typescript.check.tscVersion": false,
    "typescript.validate.enable": false,
    "window.zoomLevel": 0,
    "workbench.colorTheme": "One Dark Pro"
}
// Workspace Settings (pro-web)
{
  "editor.formatOnSave": true,
  "prettier.useTabs": true,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "es5",
  "prettier.jsonEnable": [],
  "jest.pathToConfig": "jest.config.json",
  "jest.enableSnapshotUpdateMessages": false
}
@mikespencer
Copy link

You can download my settings using the Sync Settings extension and referencing this gist: https://gist.github.com/mikespencer/58bcc27e769dd01bc9b9d39d11a3ce15

@softprops
Copy link

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment