# Editor integration

# WebStorm

For beginners, it's recommended to use WebStorm. It's a great IDE with a great UI. It's also a great way to get started with Vue.js. Should config Run eslint --fix on save in Languages & Frameworks -> JavaScript -> Code Quality Tools -> ESLint.

# Visual Studio Code

This project is best developed in VS Code. With the recommended extensions (opens new window) and settings in .vscode, you get:

  • Syntax highlighting for all files
  • Intellisense for all files
  • Lint-on-save for all files
  • In-editor results on save for unit tests

# Configuration

To configure

  • .vscode/extensions.json
  • .vscode/settings.json

# FAQ

What kinds of editor settings and extensions should be added to the project?

All additions must:

  • be specific to this project
  • not interfere with any team member's workflow

For example, an extension to add syntax highlighting for an included language will almost certainly be welcome, but a setting to change the editor's color theme wouldn't be appropriate.