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

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

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

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


person Paleo    schedule 08.09.2018    source источник


Ответы (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, чтобы автоматически исправить одинарные кавычки и точки с запятой.

person tony19    schedule 08.09.2018
comment
Это не то, что я ожидал, но спасибо за ваш ответ. - person Paleo; 09.09.2018