Использование стандарта с VSCode

Я использую Visual Studio Code в качестве текстового редактора. Когда я пишу JavaScript, я следую Стандартный стиль JavaScript.

Есть простой способ интегрировать Standard в VS Code — с помощью vscode-standardjs плагин. я сделал видео для этого некоторое время назад, если вы заинтересованы в его настройке.

Но если вы будете следовать инструкциям в видео (или в файле readme vscode-standardjs), вы обнаружите, что есть одна маленькая деталь, которую необходимо сгладить.

Попробуйте написать function по-старому и сохраните его несколько раз. Код VS будет переключаться между наличием и отсутствием пробела перед левой скобкой функции.

Код VS переключается между наличием и отсутствием пробела перед '('.

У вас возникает та же проблема, когда вы пишете методы с сокращениями методов ES6:

Та же проблема возникает, когда вы создаете методы с помощью сокращений методов ES6.

Есть быстрый способ решить эту проблему.

Что вам нужно сделать, это установить javascript.format.enable к false. Это отключает средство форматирования Javascript по умолчанию в VS Code (и позволяет vscode-standandjs выполнять форматирование).

Таким образом, минимальная конфигурация, необходимая для совместной работы Standard и VS Code, такова:

{
  // Prevents VS Code from formatting JavaScript with the default linter
  "javascript.format.enable": false,

  // Prevents VS Code linting JavaScript with the default linter
  "javascript.validate.enable": false,

  // Lints with Standard JS
  "standard.enable": true,

  // Format files with Standard whenever you save the file
  "standard.autoFixOnSave": true,

  // Files to validate with Standard JS
  "standard.validate": [
    "javascript", 
    "javascriptreact"
  ]
}

Спасибо за чтение. Эта статья изначально была размещена на мой блог. Подписаться на моя рассылка если вы хотите больше статей, которые помогут вам стать лучшим разработчиком внешнего интерфейса.