J'aimerais proposer une commande de substitution VIM pour transformer les règles CSS multiligne, comme celle-ci:
#main {padding:0;margin:10px auto;}
7 Réponses :
Essayez quelque chose comme ceci:
:%s/{\n/{/g
:%s/;\n/;/g
:%s/{\s+/{/g
:%s/;\s+/;/g
Si vous êtes au début ou à la fin de la règle, v% j le rejoindre en une seule ligne:
v pour entrer en mode visuel
% pour correspondre à l'autre attelle, sélectionner la règle entière
j pour rejoindre les lignes
Ce n'est pas la VI Way, c'est la Vim Way
Merci, c'est vraiment cool. Maintenant, je comprends un peu mieux le mode visuel.
Eh bien, Soulmerge, je voulais d'abord dire Vim WAY, mais alors il est A A VI même si cette commande n'est pas compatible avec simple VI (Je ne suis même pas sûr que ce n'est pas).
Ce n'est pas compatible avec la nature VI . Mais la question est étiquetée comme vim et je suppose que la grande majorité des personnes utilisent normalement vim , la réponse doit donc être utile.
Cela ne résout que un bloc à la fois, cependant. Utilisation:% s corrigerait l'ensemble du fichier.
qc, vrai, j'ai échoué à trouver une plaine VI nulle part à vérifier ce qui ne fonctionnera pas exactement là-bas. ;-)
VI n'a pas le mode visuel de Vim (comme indiqué dans : Aide Visual ). Ce que VI appelé mode visuel n'était qu'un autre nom pour le mode normal.
Allez à la première ligne du fichier et utilisez la commande gqg pour exécuter l'ensemble du fichier via le formateur. En supposant que les courses de lignes non impudisseuses devraient être effondrées dans l'ensemble du fichier.
Voici une doublure: l'inverse (convertir la version à une ligne en multiligne) peut également être Fait comme une doublure: \ _. correspond à n'importe quel caractère, y compris une nouvelle ligne et \ {-} est la version non gourmande de * , donc {\ _. \ {\ _. \ {-}} correspond à tout entre une paire correspondante d'accolades bouclées, inclus. < p> Le \ = = vous permet de remplacer le résultat d'une expression VIM, que nous utilisons ici pour supprimer toutes les nouvelles lignes '\ n' du texte correspondant (dans submatch (0) ) à l'aide de la fonction substitute () .
Merci beaucoup. C'est génial. Inversement, comment convertiriez-vous un groupe de règles CSS d'une ligne dans le format de ligne multiple?
Vous n'avez pas besoin de jouer avec \ = pour faire l'opération inverse. Un simple:% s / [{;] / & \ r / g | gg = g est plus que suffisant.
Si vous souhaitez modifier le fichier, optez pour Solution de Rampion .
Si vous ne voulez pas (ou que vous ne pouvez pas) changer le fichier, vous pouvez lire avec un pliage personnalisé car il permet de choisir quoi et comment afficher le texte plié. Par exemple: Je laisse le tri des champs comme exercice. Astuce: Obtenez toutes les lignes entre V: pliStart + 1 et V: Voldend dans une liste, trier la liste, créer la chaîne, et c'est tout.
Je ne répondrai pas directement à la question, mais je vous suggère de reconsidérer vos besoins. Je pense que votre "mauvais" exemple est en fait le meilleur. Il est plus lisible, plus facile à modifier et à la raison. Une bonne indentation est très importante non seulement lorsqu'il s'agit de programmer des langages, mais également dans CSS et HTML.
Vous mentionnez que les règles CSS sont "prenant trop de lignes". Si vous êtes inquiet de la taille du fichier, vous devez envisager d'utiliser des minificateurs CSS et JS tels que yui compresseur au lieu de faire le code moins lisible.
C'est un débat religieux. Certains devs préfèrent les règles CSS dans une doublure car il est plus rapide / plus facile à numériser et à rechercher des sélecteurs. D'autres préfèrent la multi-lignes, car il est plus facile de se voir ce qui a changé lorsque vous diffusez.
Un moyen pratique de faire cette transformation consiste à exécuter ce qui suit Commande courte:
:g/{/,/}/j
+1 Merci pour la question. J'ai beaucoup appris de la réponse de Rampion!
S'il vous plaît, regardez la commande que je propose dans ma réponse ci-dessous . Les commentaires sur la réponse sont les bienvenus!