Блог

Проблема в том, что иногда, когда я сохраняю это

 import { computed } from 'vue'

const props = defineProps({
  doable: { type: Object, required: true },
})

const allSubTasksComplete = computed(
 

превращается в это

 imp  ort { compu  ted } from   'vue'

cons  t props = defi  neProps({
  doable: { type: Object, required: true },
})

c  onst allSubTasksComplet  e = computed(  
  () =>
 

Это находится в файле .vue. Странная вставка пробелов, а иногда и удаление символов, из-за которых заголовок может стать пустым, происходит в разделе шаблонов (HTML) и разделе сценариев (javascript). Я не уверен, но я думаю, что это происходит только тогда, когда я сохраняю все ( Я использовал отмену для одного из испорченных файлов, чтобы вернуть его в исходное состояние, а затем сохранил его, и я не увидел изменений.

У меня установлены расширения eslint и prettier. В настройках моего vscode

  "editor.formatOnSave": true,

  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.organizeImports": true,
    "source.sortMembers": true
  },
 

Я не совсем понимаю взаимодействие настроек в vscode, которые связаны с форматированием и расширениями, которые форматируют или исправляют код.

Я очень хочу сам отладить проблему, но мне бы не помешало лучшее понимание взаимодействия, и мне особенно нужен способ увидеть, какие действия на самом деле выполняются при сохранении.