VSCode - Beautify плагин конфигурации

Примечание: Эта статья из черного огня - громовержца Джейн книги

1. Установите .jsbeautifyrc файл в рабочем каталоге

Официальные документы

{
   "brace_style": "none,preserve-inline",
   "indent_size": 2,
   "indent_char": " ",
   "jslint_happy": true,
   "unformatted": [""],
   "css": {
     "indent_size": 2
   }
 }

банкнота

• brace_style, Формат Style, см официального объяснения (чтобы избежать по умолчанию и eslint чек конфликтов рекомендуют это свойство имеет значение нет, сохранить-рядный)
• indent_size, Длина Отступ (для того, чтобы избежать дефолта и eslint проверки конфликтов рекомендуем это свойство 2)
• indent_charОтступ заполненного содержания (полное ♂)
• jslint_happy:trueЕсли вы хотите использовать с JSLint, включите эту опцию
• unformatted:["a","pre"], Там не нужно ставить тип тега формата. Обратите внимание, что шаблон по умолчанию не отформатирован, .vue этикетки, если вам нужно отформатировать шаблон переопределить .jsbeautifyrc без свойства шаблона декларации

2. Включить автоматическое сохранение

Добавить файл конфигурации VSCode editor.formatOnSave:trueавтоматически отформатирован для обеспечения сохранения

3. Клавиши быстрого доступа

Добавить ярлык файла в VS Code клавиатуры

{
  "key": "cmd+b", // 自己定键位
  "command": "HookyQR.beautify",
  "when": "editorFocus"
}