web-dev-qa-db-fra.com

Brackets: comment faire pour que l'auto-complétion/autoindent fonctionne?

Brackets semble sympa, mais je rencontre deux problèmes pour l'utiliser:

Premièrement , je remplis habituellement automatiquement les balises de cette façon: div.class - PRESS TAB -becomes<div class="class"></div>

Je ne peux pas y arriver ... J'ai essayé de télécharger plusieurs plugins, rien ne fonctionne ...

Deuxième problème: 

#container
    h3
        color: $ltGreen
        text-transform: uppercase
        font-size: em(24)
        margin-bottom: 0.5em
        font-weight: bold

Dans cet exemple, si j'appuie sur la touche Entrée/Retour où que ce soit dans cette partie du code, le curseur revient au début de la ligne ... Je dois donc appuyer beaucoup sur la touche de tabulation chaque fois que j'appuie sur l'entrée revenir...

Est-il possible de faire cela dans les crochets? Comment ?

9
enguerranws

Pour le premier numéro, essayez l’extension Emmet . Il vous permet d'utiliser le raccourci exact de type CSS et de le développer automatiquement en code HTML.

Pour le deuxième numéro, dans quel type de fichier êtes-vous? Les crochets utilisent "l'indentation intelligente" pour positionner le curseur sur de nouvelles lignes en fonction de la syntaxe du code. Si vous êtes dans un fichier HTML, il suivra le niveau d'imbrication des balises entourant le curseur pour décider de la distance à mettre en retrait (puisque le code ci-dessus n'est pas une syntaxe HTML correcte, il ne l'utilisera pas comme repère pour l'indentation. - le traitera comme du contenu en texte brut, à ignorer). Si vous êtes dans un fichier texte brut, il ne fera que suivre l'indentation des lignes proches (le problème que vous décrivez donc n'arrivera pas).

Il semblerait que vous écriviez peut-être le style "classique" Sass code dans ce cas? Si tel est le cas, assurez-vous simplement que vous utilisez l'extension de fichier .sass standard et que les nouvelles lignes devraient automatiquement obtenir le niveau de retrait correct.

Voici à quoi devrait ressembler un fichier .sass avant d'appuyer sur Entrée: enter image description here

Et après avoir appuyé sur Entrée - notez que le curseur est correctement mis en retrait: enter image description here

8
peterflynn

Essayez Maj + Entrée lorsque la balise est suggérée.

0
VanG