Skip to content

Instantly share code, notes, and snippets.

@reneweteling

reneweteling/vscode-settings.md

Last active August 30, 2019 07:22
Show Gist options
  • Save reneweteling/111d515b0a0ad0eb1db0cf6041a1d581 to your computer and use it in GitHub Desktop.
Save reneweteling/111d515b0a0ad0eb1db0cf6041a1d581 to your computer and use it in GitHub Desktop.
Download ZIP
VsCode Develop settings Rene
Raw
vscode-settings.md

Install fonts

https://github.com/tonsky/FiraCode

Add the prettier plugin for auto formatting on save

npm init
npm install --save-dev prettier @prettier/plugin-ruby

Add these gems to the develop group in the Gemfile

  # gems for VS-code plugins
  gem 'solargraph'
  gem 'prettier'
  gem 'rubocop'
  gem 'rubocop-rails'
  gem 'rubocop-performance'

Installed vscode plugins

SirTori.indenticator
adamhartford.vscode-base64
aliariff.slim-lint
castwide.solargraph
CraigMaslowski.erb
crisward.cjsx
dbaeumer.vscode-eslint
eamodio.gitlens
esbenp.prettier-vscode
file-icons.file-icons
gencer.html-slim-scss-css-class-completion
HookyQR.beautify
jebbs.markdown-extended
jnbt.vscode-rufo
jpoissonnier.vscode-styled-components
mermade.openapi-lint
mikestead.dotenv
misogi.ruby-rubocop
mjmcloug.vscode-elixir
ms-azuretools.vscode-docker
ms-python.python
ms-vscode.vscode-typescript-tslint-plugin
ms-vsliveshare.vsliveshare
philosowaffle.openapi-designer
pprice.better-merge
Prisma.vscode-graphql
rbbit.typescript-hero
rebornix.ruby
redhat.vscode-yaml
robinbentley.sass-indented
Shan.code-settings-sync
shanoor.vscode-nginx
sianglim.slim
sibiraj-s.vscode-scss-formatter
streetsidesoftware.code-spell-checker
vayan.haml
wayou.vscode-todo-highlight
wix.vscode-import-cost
wk-j.webpack-progress

Vscode Settings.json

// Place your settings in this file to overwrite the default settings
{
  // The number of spaces a tab is equal to. This setting is overriden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 2,
  "editor.rulers": [80, 120],
  "editor.detectIndentation": false,
  "workbench.iconTheme": "file-icons",
  "window.zoomLevel": 0,
  "window.openFilesInNewWindow": "off",
  // Basic settings: turn linter(s) on
  "gitlens.keymap": "chorded",
  "gitlens.advanced.messages": {
    "suppressShowKeyBindingsNotice": true
  },
  "typescriptHero.imports.grouping": ["Modules", "Workspace", "Plains"],
  "workbench.sideBar.location": "left",
  "editor.minimap.enabled": false,
  "eslint.autoFixOnSave": false,
  "eslint.alwaysShowStatus": true,
  "prettier.singleQuote": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "cSpell.userWords": ["brenntag", "datalayer", "graphiql", "refetch"],
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.fontFamily": "Fira Code, FiraFlott",
  "editor.fontLigatures": true,
  "files.associations": {
    "*.html.erb": "html",
    "*.rake": "ruby",
    "Gemfile": "ruby",
    "Gemfile.lock": "yaml",
  },
  "typescript.updateImportsOnFileMove.enabled": "never",
  "html.format.indentHandlebars": true,
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          //following will be in italic (=FlottFlott)
          "comment",
          "entity.name.type.class", //class names
          "keyword", //import, export, return…
          "constant", //String, Number, Boolean…, this, super
          "storage.modifier", //static keyword
          "storage.type.class.js" //class keyword
        ],
        "settings": {
            "fontStyle": "italic"
        }
      },        
      {
        "scope": [
          //following will be excluded from italics (VSCode has some defaults for italics)
          "invalid",
          "keyword.operator",
          "constant.numeric.css",
          "keyword.other.unit.px.css",
          "constant.numeric.decimal.js",
          "constant.numeric.json"
        ],
        "settings": {
          "fontStyle": "",
        }
      }
    ]
  },
  "[ruby]": {
        "editor.formatOnSave": true
  },
  "ruby.format": "rubocop",
  "ruby.useLanguageServer": true,
  "editor.formatOnSaveTimeout": 1500,
  "solargraph.useBundler": true,
  "sync.autoUpload": true
}

.rubocop.yml

require:
  - rubocop-performance
  - rubocop-rails

AllCops:
  TargetRubyVersion: 2.5
  # RuboCop has a bunch of cops enabled by default. This setting tells RuboCop
  # to ignore them, so only the ones explicitly set in this file are enabled.
  DisabledByDefault: true
  Exclude:
    - '**/templates/**/*'
    - '**/vendor/**/*'
    - 'actionpack/lib/action_dispatch/journey/parser.rb'
    - 'railties/test/fixtures/tmp/**/*'
    - 'actionmailbox/test/dummy/**/*'
    - 'actiontext/test/dummy/**/*'
    - '**/node_modules/**/*'

Performance:
  Exclude:
    - '**/test/**/*'

# Prefer assert_not over assert !
Rails/AssertNot:
  Include:
    - '**/test/**/*'

# Prefer assert_not_x over refute_x
Rails/RefuteMethods:
  Include:
    - '**/test/**/*'

# Prefer &&/|| over and/or.
Style/AndOr:
  Enabled: true

# Do not use braces for hash literals when they are the last argument of a
# method call.
Style/BracesAroundHashParameters:
  Enabled: true
  EnforcedStyle: context_dependent

# Align `when` with `case`.
Layout/CaseIndentation:
  Enabled: true

# Align comments with method definitions.
Layout/CommentIndentation:
  Enabled: true

Layout/ElseAlignment:
  Enabled: true

# Align `end` with the matching keyword or starting expression except for
# assignments, where it should be aligned with the LHS.
Layout/EndAlignment:
  Enabled: true
  EnforcedStyleAlignWith: variable
  AutoCorrect: true

Layout/EmptyLineAfterMagicComment:
  Enabled: true

Layout/EmptyLinesAroundAccessModifier:
  Enabled: true
  EnforcedStyle: only_before

Layout/EmptyLinesAroundBlockBody:
  Enabled: true

# In a regular class definition, no empty lines around the body.
Layout/EmptyLinesAroundClassBody:
  Enabled: true

# In a regular method definition, no empty lines around the body.
Layout/EmptyLinesAroundMethodBody:
  Enabled: true

# In a regular module definition, no empty lines around the body.
Layout/EmptyLinesAroundModuleBody:
  Enabled: true

# Use Ruby >= 1.9 syntax for hashes. Prefer { a: :b } over { :a => :b }.
Style/HashSyntax:
  Enabled: true

Layout/IndentFirstArgument:
  Enabled: true

# Method definitions after `private` or `protected` isolated calls need one
# extra level of indentation.
Layout/IndentationConsistency:
  Enabled: true
  EnforcedStyle: indented_internal_methods

# Two spaces, no tabs (for indentation).
Layout/IndentationWidth:
  Enabled: true

Layout/LeadingCommentSpace:
  Enabled: true

Layout/SpaceAfterColon:
  Enabled: true

Layout/SpaceAfterComma:
  Enabled: true

Layout/SpaceAfterSemicolon:
  Enabled: true

Layout/SpaceAroundEqualsInParameterDefault:
  Enabled: true

Layout/SpaceAroundKeyword:
  Enabled: true

Layout/SpaceBeforeComma:
  Enabled: true

Layout/SpaceBeforeComment:
  Enabled: true

Layout/SpaceBeforeFirstArg:
  Enabled: true

Style/DefWithParentheses:
  Enabled: true

# Defining a method with parameters needs parentheses.
Style/MethodDefParentheses:
  Enabled: true

Style/FrozenStringLiteralComment:
  Enabled: true
  EnforcedStyle: always
  Exclude:
    - 'actionview/test/**/*.builder'
    - 'actionview/test/**/*.ruby'
    - 'actionpack/test/**/*.builder'
    - 'actionpack/test/**/*.ruby'
    - 'activestorage/db/migrate/**/*.rb'
    - 'activestorage/db/update_migrate/**/*.rb'
    - 'actionmailbox/db/migrate/**/*.rb'
    - 'actiontext/db/migrate/**/*.rb'

Style/RedundantFreeze:
  Enabled: true

# Use `foo {}` not `foo{}`.
Layout/SpaceBeforeBlockBraces:
  Enabled: true

# Use `foo { bar }` not `foo {bar}`.
Layout/SpaceInsideBlockBraces:
  Enabled: true
  EnforcedStyleForEmptyBraces: space

# Use `{ a: 1 }` not `{a:1}`.
Layout/SpaceInsideHashLiteralBraces:
  Enabled: true

Layout/SpaceInsideParens:
  Enabled: true

# Check quotes usage according to lint rule below.
Style/StringLiterals:
  Enabled: true
  EnforcedStyle: single_quotes

# Detect hard tabs, no hard tabs.
Layout/Tab:
  Enabled: true

# Blank lines should not have any spaces.
Layout/TrailingBlankLines:
  Enabled: true

# No trailing whitespace.
Layout/TrailingWhitespace:
  Enabled: true

# Use quotes for string literals when they are enough.
Style/UnneededPercentQ:
  Enabled: true

Lint/AmbiguousOperator:
  Enabled: true

Lint/AmbiguousRegexpLiteral:
  Enabled: true

Lint/ErbNewArguments:
  Enabled: true

# Use my_method(my_arg) not my_method( my_arg ) or my_method my_arg.
Lint/RequireParentheses:
  Enabled: true

Lint/ShadowingOuterLocalVariable:
  Enabled: true

Lint/StringConversionInInterpolation:
  Enabled: true

Lint/UriEscapeUnescape:
  Enabled: true

Lint/UselessAssignment:
  Enabled: true

Lint/DeprecatedClassMethods:
  Enabled: true

Style/ParenthesesAroundCondition:
  Enabled: true

Style/RedundantBegin:
  Enabled: true

Style/RedundantReturn:
  Enabled: true
  AllowMultipleReturnValues: true

Style/Semicolon:
  Enabled: true
  AllowAsExpressionSeparator: true

# Prefer Foo.method over Foo::method
Style/ColonMethodCall:
  Enabled: true

Style/TrivialAccessors:
  Enabled: true

Performance/FlatMap:
  Enabled: true

Performance/RedundantMerge:
  Enabled: true

Performance/StartWith:
  Enabled: true

Performance/EndWith:
  Enabled: true

Performance/RegexpMatch:
  Enabled: true

Performance/ReverseEach:
  Enabled: true

Performance/UnfreezeString:
  Enabled: true
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment