Editor integration

EditorConfig

EditorConfig ensures consistent settings across editors: indent size, trailing newlines, trimming final whitespace, etc. It's the first step in ensuring consistent code output.

Install the plugin for your editor of choice. Our .editorconfig file should kick in once you do.

Visual Studio Code

VS Code is Microsoft's latest entrant in its grand old Visual Studio line. It's free, mostly open-source, and Electron-based (like Atom, only much faster). It supports a huge library of extensions and developing your own is easy and well-documented.

Best of all, it has ridiculously powerful first-class TypeScript support including full IDE-style autocomplete!

We suggest the following extensions to get the most out of Blueprint development:

• EditorConfig for VS Code
• stylelint & TSLint for realtime linting feedback
• vscode-icons to bring the file explorer to life
• Blueprint syntax theme to really embrace the ecosystem 😄

Atom

Atom is a powerful, fully customizable editor from GitHub. It is fully open-source and has an enormous extension catalog. Unfortunately, its performance is pretty spotty (I switched to VSCode one day and haven't looked back once).

Suggested extensions:

• atom-typescript for the complete TypeScript experience.
• Linter and various relevant linters:
  • linter-stylelint
  • linter-tslint

Vim

Suggested plugins:

• syntastic (tslint, scss-lint, eslint)
• tsuquyomi (TS compiler services)
• YouCompleteMe (autocomplete)