Regresaré a Vue.js y estaba a punto de aprender algo de TypeScript. Quería comenzar un nuevo proyecto nuevo usando Nuxt.js 3.

Creé un nuevo proyecto escribiendo yarn create nuxt-app <project-name> , elegí ESLint durante la inicialización y lo abrí en VS Code. Me dio una estructura de proyecto estándar.

Pero una vez que abrí cualquier archivo .vue , como siempre, me sobrevino el horror de la pelusa:

Simplemente no puedo configurar VS Code correctamente, por lo que automáticamente formatea y borra mi código correctamente. Nunca lo fui y siempre fue un gran dolor y una pérdida de tiempo haciendo prueba y error.

¿Qué extensiones o configuraciones necesito? A través de mi proyecto anterior en Vue 2, instalé algunas extensiones que no estoy seguro de que sean buenas para tener:

• vista
• Vetur
• Fragmentos de Vue
• Plantilla en línea Vue
• ESLint
• EditorConfig para código VS

Actualmente, parece que Vetur está formateando automáticamente mis archivos "al guardar el archivo", pero la forma en que lo hace de alguna manera contradice lo que otro linter quiere que haga.

Estoy realmente perdido y no tengo idea de dónde buscar ayuda. En todos los tutoriales de YT funciona mágicamente . ¿Hay alguna forma de que VS Code resalte mi código Vue y lo formatee/borre al guardar en función de un archivo de configuración local?