VSCode

Back to SIG Tooling & Set Up Tutorials

This is the suggested tooling to use for CLJS and React dev environments in VS Code. Feel free to tweak your VS Code environment to your liking, this is just a starting point. If you discover any useful plugins that you'd like to add to this document, please submit a MR to dev-docs.

General Extensions

Code Spell Checker

Id: streetsidesoftware.code-spell-checker

Description: Spelling checker for source code

Version: 2.1.11

Publisher: Street Side Software

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

ext install streetsidesoftware.code-spell-checker

GitHub Pull Requests and Issues

Id: GitHub.vscode-pull-request-github

Description: Pull Request and Issue Provider for GitHub

Version: 0.40.0

Publisher: GitHub

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github

ext install GitHub.vscode-pull-request-github

GitLens — Git supercharged

Id: eamodio.gitlens

Description: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Version: 12.0.5

Publisher: GitKraken

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

ext install eamodio.gitlens

Open

Id: sandcastle.vscode-open

Description: Opens the current file with the default for the OS

Version: 0.1.0

Publisher: sandcastle

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=sandcastle.vscode-open

ext install sandcastle.vscode-open

Org Mode

Id: tootone.org-mode

Description: Emacs Org mode support for VSCode

Version: 0.5.0

Publisher: Too Tone

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=tootone.org-mode

ext install tootone.org-mode

markdownlint

Id: DavidAnson.vscode-markdownlint

Description: Markdown linting and style checking for Visual Studio Code

Version: 0.47.0

Publisher: David Anson

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

ext install DavidAnson.vscode-markdownlint

Trailing Spaces

Id: shardulm94.trailing-spaces

Description: Highlight trailing spaces and delete them in a flash!

Version: 0.3.1

Publisher: Shardul Mahadik

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

ext install shardulm94.trailing-spaces

Auto Hide

Id: sirmspencer.vscode-autohide

Description: A tool to autohide the sidebar and terminal panel.

Version: 1.0.7

Publisher: sirmspencer

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=sirmspencer.vscode-autohide

ext install sirmspencer.vscode-autohide

Clojure Extensions

Calva: Clojure & ClojureScript Interactive Programming

Id: betterthantomorrow.calva

Description: Integrated REPL, formatter, Paredit, and more. Powered by cider-nrepl and clojure-lsp.

Version: 2.0.262

Publisher: Better Than Tomorrow

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=betterthantomorrow.calva

ext install betterthantomorrow.calva

JS Extensions

ESLint

Id: dbaeumer.vscode-eslint

Description: Integrates ESLint JavaScript into VS Code.

Version: 2.2.2

Publisher: Microsoft

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

ext install dbaeumer.vscode-eslint

vscode-styled-components

Id: styled-components.vscode-styled-components

Description: Syntax highlighting for styled-components

Version: 1.7.4

Publisher: Styled Components

VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

ext install styled-components.vscode-styled-components

Settings

General

  "trailing-spaces.highlightCurrentLine": false,
  "trailing-spaces.logLevel": "none",
  "trailing-spaces.showStatusBarMessage": false,
  "trailing-spaces.backgroundColor": "",
  "editor.formatOnSave": true,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,

Clojure

  "calva.highlight.rainbowIndentGuides": true,
  "calva.prettyPrintingOptions": {
    "enabled": true,
    "printEngine": "pprint",
    "width": 120,
    "maxLength": 50
  },
  "calva.showCalvaSaysOnStart": false,
  "calva.evalOnSave": true,
  "calva.paredit.killAlsoCutsToClipboard": true,
  "calva.paredit.defaultKeyMap": "original",
  "[clojure]": {
    "editor.formatOnPaste": false,
    "editor.formatOnSave": true
  },

JS

  "eslint.alwaysShowStatus": true,
  "eslint.lintTask.enable": true,