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

Sé que puede formatear el 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?

Editar:

Esto ahora es compatible (a partir de 2019) . Consulte la respuesta de sajad saderi a continuación para obtener instrucciones.

No, esto no es compatible actualmente (en 2015) .

En el código VS

prensa Ctrl+Shift+P

luego escribe Format Document With...

Al final de la lista, haga clic en Configure Default Formatter...

Ahora puede elegir su embellecedor favorito de la lista.

Acabo de encontrar esta extensión llamada embellecer en Market Place y sí, es otro archivo config \ settings. :)

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

VS Code usa js-beautify internamente, pero carece de la capacidad de modificar el estilo que desea usar. Esta extensión permite ejecutar js-beautify en VS Code, Y respetar cualquier archivo .jsbeautifyrc en el árbol de ruta del archivo abierto para cargar el estilo de su código. Ejecute con F1 Beautify (para embellecer una selección) o un archivo 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

Si estamos hablando de Visual Studio Code hoy en día, establece un formateador predeterminado en su settings.json:

  // Defines a default formatter which takes precedence over all other formatter settings. 
  // Must be the identifier of an extension contributing a formatter.
  "editor.defaultFormatter": null,

Señale el identificador de cualquier extensión instalada, es decir

"editor.defaultFormatter": "esbenp.prettier-vscode"

También puede hacerlo de forma específica :

"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[sass]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
},

Vea también aquí .

También puede asignar otras teclas para diferentes formateadores en sus atajos de teclado ( keybindings.json). Por defecto, dice:

{
  "key": "shift+alt+f",
  "command": "editor.action.formatDocument",
  "when": "editorHasDocumentFormattingProvider && editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
}

Por último, si decide utilizar el complemento Prettier yprettier.rc , por ejemplo, desea una sangría diferente para html, scss, json ...

{
    "semi": true,
    "singleQuote": false,
    "trailingComma": "none",
    "useTabs": false,

    "overrides": [
        {
            "files": "*.component.html",
            "options": {
                "parser": "angular",
                "tabWidth": 4
            }
        },
        {
            "files": "*.scss",
            "options": {
                "parser": "scss",
                "tabWidth": 2
            }
        },
        {
            "files": ["*.json", ".prettierrc"],
            "options": {
                "parser": "json",
                "tabWidth": 4
            }
        }
    ]
}

Puede realizar algunos cambios desde la "Configuración". Por ejemplo, las reglas de JavaScript comienzan con "javascript.format". Pero para un control de formato avanzado, todavía es necesario utilizar algunas extensiones.

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

Una solución que me funciona (julio de 2017) es utilizar ESLint . Como todo el mundo sabe, puede utilizar el linter de varias formas, global o localmente. Lo uso localmente y con la guía de estilo de Google. La forma en que lo configuré es la siguiente ...

• 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 .eslintrc.jsonarchivo en la raíz de su directorio de trabajo. Puede abrir ese archivo y modificarlo como desee utilizando las reglas de eslint . Junto cmd+,a abrir las vscodepreferencias del sistema. En la barra de búsqueda, escriba eslinty busque "eslint.autoFixOnSave": false. Copie la configuración y péguela en el archivo de configuración del usuario y cámbiela falsea true. Espero que esto pueda ayudar a alguien que utilice vscode .

Para cambiar específicamente la configuración de formato de C # (OmniSharp), puede usar un archivo json:
Usuario: ~/.omnisharp/omnisharp.json o %USERPROFILE%\.omnisharp\omnisharp.json
Espacio de trabajo: omnisharp.json archivo en el directorio de trabajo al que se ha apuntado OmniSharp.

Ejemplo:

{
  "FormattingOptions": {
    "NewLinesForBracesInMethods": false,
    "NewLinesForBracesInProperties": false,
    "NewLinesForBracesInAccessors": false,
    "NewLinesForBracesInAnonymousMethods": false,
    "NewLinesForBracesInControlBlocks": false,
    "NewLinesForBracesInObjectCollectionArrayInitializers": false,
    "NewLinesForBracesInLambdaExpressionBody": false
  }
}

Detalles de esta publicación | esquema omnisharp.json (ya está en vscode, puede simplemente CTRL + ESPACIO)

Otras extensiones de idioma pueden tener archivos similares para configurarlo.