Extensions

Table of content:

• CSS
• JavaScript
• Git
• Ruby
• Vue
• Misc
  • themes

CSS

• Beautify

JavaScript

• Prettier
• ESLint

Git

• GitLens !!

Go

• vscode-go

Markdown

Ruby

• Ruby
• Linter: Rubocop
  • gem install
  • user config:

    "ruby.lint": {
        "rubocop": true,
    }
    

• Auto-completion: solargraph
  • installing gem
  • Windows fix required:
    • gem uninstall eventmachine
    • gem install eventmachine --platform ruby -- --use-system-libraries

• Autoformat rufo

  • gem install rufo
  • extension install: https://marketplace.visualstudio.com/items?itemName=mbessey.vscode-rufo
    • preferred over https://marketplace.visualstudio.com/items?itemName=siliconsenthil.rufo-vscode because I want to Alt+Shift+F for all my languages and not having a specific shortcut per language
  • restart vscode

  • create a .rufo

    quote_style :single
    trailing_commas false
    

    Because of Rubocop coding style:

    • prefer single quote https://github.com/rubocop-hq/ruby-style-guide#strings
    • no trailing commas https://github.com/rubocop-hq/ruby-style-guide#collections

I also tried:

• Auto-completion: vscode-ruby + rcodetools
  • installing gem
  • Restart VsCode
  • Nothing on [1, 2, 3].e + Ctrl+Space (expect each)
  • Uninstall rcodetools gem and remove vscode-ruby
• Autoformat: vscode-ruby + rubocop. Looks like rubocop is not very friendly with auto formatting

Vue

• Vetur

Sources:

• https://medium.com/tutorialsxl/vue-js-with-visual-studio-code-getting-started-3ef9829eb13e

Misc

• Prettier - Code formatter
• dotenv Tried https://github.com/zaynali53/DotENV
  • => removed

Theme

• I use Monokai
• Dracula

---