VS Code Extensions recommendations?

[david (David Taylor)]

I think there are a few of us at CDCK that use VSCode for everything. For linting/formatting, I have:

• ESLint plugin
• Prettier plugin
• Ruby plugin

And the relevant settings:

{
    "editor.tabSize": 2,
    "[javascript]": {
        "editor.formatOnSave": true
        "editor.defaultFormatter": "esbenp.prettier-vscode",
    },
    "[scss]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[ruby]": {
        "editor.formatOnSave": true,
    },
    "ruby.useBundler": true,
    "ruby.format": "rubocop",
    "ruby.lint": {
        "rubocop": {
            "useBundler": true,
        }
    },
    "editor.formatOnSaveTimeout": 10000,
    "eslint.format.enable": true,
    "javascript.validate.enable": false,
}

@pfaffman

It’s maddening to not be able to see that stuff until Travis complains

Yeah for sure! For discourse core, we have a lefthook configuration to try and save some of that pain. If the on-save editor integration isn’t enough, you could certainly do a similar thing in your plugins.

I’d also highly recommend installing the ‘GitLens’ plugin for VSCode. It can give you useful blame annotations while you’re working: