Editor Settings for Web Engineers

gistfile1.md

Editor Settings for Web Engineers

Table of Contents

• Anita - VSCode
• Mike S - VSCode

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
}

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

👍