Skip to main content

Visual Studio Code

Installation​

Manual install​

You can download installer from Official website.

macOS​

Homebrew Cask

brew install --cask vscode

Windows​

Scoop

scoop install vscode

editorconfig​

Our project has EditorConfig setting file (.editorconfig). EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs.

Required plugin​

stylelint​

stylelint helps you avoid errors and enforce conventions in your styles.

After you install the following plugin and settings, stylelint will automatically check and fix your syntax.

Required plugin​

Settings​

  1. Open preferences (⌘ + ,)
  2. Click the top-right button and open settings.json file
  3. Insert the following syntax editor.codeActionsOnSave is same with eslint configuration. so if it's already exists, just insert the content of it.
"editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
}

eslint​

ESLint statically analyzes your code to quickly find problems.

After you install the following plugin and settings, ESLint will automatically check and fix your syntax.

Required plugin​

Settings​

  1. Open preferences (⌘ + ,)
  2. Click the top-right button and open settings.json file
  3. Insert the following syntax editor.codeActionsOnSave is same with stylelint configuration. so if it's already exists, just insert the content of it.
"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
}