visual-studio-code - temas - visual studio code extensions

¿Cómo cambias las opciones de formato en Visual Studio Code?

Question

Sé que puede Formatear Código usando ctrl + cmd + f en Visual Studio Code pero ¿cómo cambia las opciones de formato para cada idioma?

Por ejemplo, en Visual Studio 2013 puedo elegir el modo compacto para CSS.

¿Hay otro archivo json oculto para hacer eso?

Answer 1

Acabo de encontrar esta extensión llamada beautify en Market Place y sí, es otro archivo de configuración / configuración. :)

Embellece javascript, JSON, CSS, Sass y HTML en Visual Studio Code.

VS Code utiliza js-beautify internamente, pero carece de la capacidad de modificar el estilo que desea usar. Esta extensión permite ejecutar js-beautify en el Código VS, Y honrar cualquier archivo .jsbeautifyrc en el árbol de ruta del archivo abierto para cargar su estilo de código. Ejecutar con F1 Beautify (para embellecer una selección) o F1 Beautify.

Para obtener ayuda sobre la configuración en .jsbeautifyrc, consulte Settings.md

Aquí está el repositorio de GitHub: https://github.com/HookyQR/VSCodeBeautify

Answer 2

No, esto no es compatible actualmente.

Answer 3

Puedes hacer algunos cambios desde la "Configuración". Por ejemplo, las reglas de javascript comienzan con "javascript.format". Pero para el control de formato avanzado, todavía es necesario usar algunas extensiones.

Configuración de reglas para el comando de código de formato

Answer 4

Una solución que me funciona (julio de 2017) es utilizar ESLint . Como todo el mundo sabe, puede utilizar la guía de varias maneras, global o localmente. Lo uso localmente y con la guía de estilo de google. La forma en que lo configuro es como sigue ...

• cd to your working directory
• npm init
• npm install --save-dev eslint
• node_modules/.bin/eslint --init
• I use google style and json config file

Ahora tendrá un archivo .eslintrc.json la raíz de su directorio de trabajo. Puede abrir ese archivo y modificarlo a su gusto utilizando las reglas de eslint . Siguiente cmd+, para abrir las preferencias del sistema vscode . En la barra de búsqueda, escriba eslint y busque "eslint.autoFixOnSave": false . Copie la configuración y pegue en el archivo de configuración del usuario y cambie false a true . Espero que esto pueda ayudar a alguien utilizando vscode .