web-dev-qa-db-fra.com

Comment configurer VSCode pour placer des accolades sur une nouvelle ligne?

Disons que je tape le code suivant et le formate.

if (condition) { /* Hello! */ }

Si c'est du code C #, il est formaté comme ceci:

if (condition)
{
    // Hello!
}

Si c'est du JavaScript, le VSCode le formate comme ceci:

if (condition) {
    // Hello!
}

Alors, comment puis-je utiliser le premier style de formatage (des accolades sur de nouvelles lignes) pour toutes les langues? Je ne peux pas trouver un paramètre ou quelque chose de similaire. Suggestions?

javascriptformattingcode-formattingvisual-studio-code
17
M. Fatih

Je pense que dans une déclaration de condition, il n'y a pas d'effets secondaires, mais dans une déclaration de retour, il y a un problème. Vérifiez ce lien: http://encosia.com/in-javascript-curly-brace-placement-matters-an-example/

Si vous voulez apprendre le javascript, je vous recommande de lire le livre "JavaScript: les bonnes parties" de Douglas Crockford.

6
Emmanuel Lozoya

Suivez les étapes ci-dessous pour créer Code Visual Studio format ouvrant des accolades sur une nouvelle ligne pour Script Java et Type Script .

Dans Code Visual Studio (v1.20.0)

  1. Allez dans Fichier\Préférences\Paramètres

  2. Ajoutez les lignes suivantes dans ' Paramètres de l'utilisateur ' (dans le volet de droite)

    "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, 
"javascript.format.placeOpenBraceOnNewLineForFunctions": true,

"TypeScript.format.placeOpenBraceOnNewLineForControlBlocks": true,
"TypeScript.format.placeOpenBraceOnNewLineForFunctions": true,

  3. Enregistrer ' Paramètres utilisateur ' et vous avez terminé!

27
Advait Baxi

Par défaut, le code VS ne prend pas en charge la personnalisation du formatage. Mais vous pouvez personnaliser votre format en utilisant l’extension js-beautify. Vous pouvez trouver la version gratuite sur le marché du code VS ( https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify ).

Pour votre besoin de accolades sur la nouvelle ligne peut être configuré en créant un fichier de configuration '.jsbeautifyrc' sur le dossier racine de votre projet et en définissant une ligne suivante.

{
     "brace_style": "expand"
}

Pour plus d’options de formatage, cliquez sur le lien suivant: https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

4
SridharKritha

Allez dans Fichier\Préférences\Paramètres et recherchez 'bouclés'.

Activez les paramètres illustrés ci-dessous.

Cela me permet de formater automatiquement le code avec des accolades sur la ligne suivante pour les définitions de fonctions et les blocs de contrôle.

 File\Preferences\Settings

Testé avec Visual Studio Code 1.30.2

1
Charley Ramm

Pour répondre à la question, vous ne pouvez pas encore personnaliser la mise en forme automatique dans VSCode, mais vous pouvez voter pour la demande de fonctionnalité ici: https://visualstudio.uservoice.com/forums/293070-code-studio-code/suggestions/7756212-format-embellir-code-source

0
Shanoor