Maison > interface Web > tutoriel CSS > Une façon de convertir l'indentation du code

Une façon de convertir l'indentation du code

Joseph Gordon-Levitt
Libérer: 2025-03-20 09:28:11
original
402 Les gens l'ont consulté

Une façon de convertir l'indentation du code

question:

Si vous avez copié un exemple de code en utilisant deux indentations spatiales et que vous souhaitez le convertir en quatre espaces, quelle est la solution la plus rapide et la plus simple?

Matt Stauffer, Twitter

J'ai écrit un article il y a quelques années sur la façon de procéder dans un texte sublime. Je ne pense pas qu'il y ait beaucoup de différence dans la façon de fonctionner dans le code vs.

Mais voici une autre façon: utilisez Codepen.

Étape 1: Copiez et collez dans Codepen

Supposons que vous ayez trouvé du code ailleurs, copiez-le et collez-le ici:

Étape 2: Ajustez les paramètres d'indentation du code

Si vous avez déjà un compte Codepen, vous l'avez peut-être configuré, donc les paramètres par défaut sont ce que vous aimez. Mais sinon, veuillez l'ajuster dans la zone des paramètres du stylo:

Étape 3: Formater le code

Vous pouvez le faire manuellement ici:

Si vous enregistrez le stylo et activez l'option "Format on Save", vous n'aurez peut-être pas besoin d'utiliser cette option, car elle sera formatée automatiquement.

Il passera rapidement au nouveau paramètre d'indentation à 4 espaces:

Codepen utilise plus jolie en arrière-plan pour ce faire. Donc, cela peut être fait partout où vous pouvez accéder à la version de travail plus jolie, mais cela peut être plus facile sur Codepen, car il n'est pas nécessaire de modifier le fichier de configuration ou d'ajuster les paramètres. Plus joli a également son propre terrain de jeu, ce qui peut être aussi simple que Codepen, sauf que vous pouvez avoir défini vos préférences sur Codepen, en économisant une étape.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal