# VS Code Extensions recommendations?

**URL:** <https://meta.discourse.org/t/vs-code-extensions-recommendations/184456>\
**Category:** Development\
**Created:** [March 25, 2021, 9:30pm UTC](https://meta.discourse.org/t/vs-code-extensions-recommendations/184456 "2021-03-25T21:30:17Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [March 25, 2021, 9:44pm UTC](https://meta.discourse.org/t/vs-code-extensions-recommendations/184456/2 "2021-03-25T21:44:01Z")

</div>

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

- [ESLint plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Prettier plugin](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [Ruby plugin](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby)

And the relevant settings:

```json
{
    "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](https://github.com/discourse/discourse/blob/master/lefthook.yml) 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:

 ![Screenshot 2021-03-25 at 21.43.11](https://global.discourse-cdn.com/meta/original/3X/0/6/066aa3062d1c55d28918f9cfba843dcfd39eb3ae.png)

---

_[View the full topic](https://meta.discourse.org/t/vs-code-extensions-recommendations/184456)._