Как заставить Vue CLI и Vetur (в VS Code) генерировать код с двойными кавычками

Question

Я использую двойные кавычки в моем коде TypeScript и JavaScript для строк.

Но весь шаблон, сгенерированный Vue CLI и плагином Vetur (для кода VS), использует одинарные кавычки для строк. Есть ли способ настроить это?

Бонус: Кроме того, я хотел бы, чтобы сгенерированный код не содержал точку с запятой ...

Answer 1

В настоящее время нет конфигурации, которая сообщала бы Vue CLI или Vetur, как генерировать код, но вы можете автоматически отформатировать сгенерированный код с помощью Vue CLI, запустив npm run lint. Выполнение команды сообщит о любых ошибках lint, а также автоматически обновит ваш код для устранения ошибок (если это возможно).

Предполагая, что вы выбрали TSLint в качестве линтера в подсказках генератора Vue CLI, вы можете редактировать сгенерированный файл tslint.json следующим образом:

 {
   "rules": {
-    "quotemark": [true, "single"],
     "quotemark": [true, "double"],
+    "semicolon": [true, "never"]
   }
 }

Это делает две вещи:

• изменяет правило quotemark для применения двойных кавычек
• добавляет правило semicolon, чтобы запретить конечные точки с запятой

Теперь запустите npm run lint, чтобы автоматически исправить одинарные кавычки и точки с запятой.