Maison > Périphériques technologiques > Industrie informatique > 12 conseils et raccourcis d'atomes préférés pour améliorer votre flux de travail

12 conseils et raccourcis d'atomes préférés pour améliorer votre flux de travail

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2025-02-18 10:56:10
original
197 Les gens l'ont consulté

ATOM CODE CONSEILS CONSEILS: Un guide pratique pour améliorer l'efficacité

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Points de base:

    La prise en charge multi-utimulaires de l'atome, l'indentation automatique et l'affichage de caractères invisibles et de ruptures de lignes souples peuvent améliorer considérablement l'efficacité et la lisibilité du codage.
  • Le système de packages de l'ATOM permet une personnalisation et une amélioration approfondies de l'éditeur de code, et les packages recommandés à usage quotidien incluent Project Manager, Git Plus, Minimap et Pigments.
  • Les raccourcis clavier peuvent considérablement accélérer les flux de travail dans l'atome. Certaines des touches de raccourci les plus couramment utilisées incluent la copie des lignes, le déplacement de lignes de haut en bas, la sélection et la désélection des caractères correspondants et la commutation de commentaires.
  • L'interface de l'atome
  • est hautement personnalisable, permettant aux utilisateurs d'ajuster les thèmes, les dispositions et les panneaux en fonction de leurs préférences. Atom a également une intégration intégrée avec Git et GitHub, et prend en charge l'édition et la collaboration multi-lignes avec d'autres développeurs.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Atom est un éditeur de code publié et entretenu par l'équipe GitHub. Le "Sublime Text Killer" 2014 compte plus de 1,1 million d'utilisateurs actifs mensuels, et ce n'est pas une surprise: un IDE qui est facile à évoluer, personnaliser et modifier est devenu un favori parmi de nombreux développeurs. Malgré l'utilisation généralisée d'Atome, je vois souvent des développeurs expérimentés effectuer des tâches de longues manières ou ne réalisant pas le véritable potentiel de l'atome. Cet article explore quelques conseils pour améliorer le flux de travail de l'atome. J'espère qu'après avoir fini de lire cet article, vous pouvez apprendre au moins une nouvelle technique que vous ne pouvez pas abandonner.

Remarque: Bien que cet article soit pour les utilisateurs d'atomes, de nombreux conseils et raccourcis conviennent également au texte sublime.

techniques

Tout d'abord, introduisez quelques conseils d'atomes généraux. Vous pouvez activer certaines options, utiliser les capacités de l'IDE et les paramètres de menu que vous ne connaissiez pas. Il vaut la peine de parcourir toutes les options de menu - vous pouvez trouver des fonctionnalités dont vous ne saviez pas exister!

Multi-Cursor

L'une des caractéristiques les plus impressionnantes de l'atome est son support multi-communes. Cela vous permet de taper plusieurs contenus à la fois à plusieurs emplacements du document. Maintenez simplement CMD (Mac) ou Ctrl (Windows / Linux) et cliquez sur chaque emplacement que vous souhaitez taper. Il existe d'autres moyens d'obtenir plusieurs curseurs - mais nous les présenterons plus tard via des raccourcis clavier.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Indentation automatique

La confusion d'indentation est un problème ennuyeux lors de la copie du code d'ailleurs. Heureusement, l'atome peut résoudre ce problème. Sélectionnez le code et accédez à Modifier> Lignes> Auto INDENT. Cela devrait copier le lien actuel du fichier dans votre code de correction.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Pour accélérer, j'ai créé un raccourci clavier personnalisé qui me permet d'utiliser Ctrl CMD] (Mac) ou Ctrl} (Windows / Linux) à tout moment. Pour ce faire, accédez à Atom & GT;

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
Copier après la connexion
Copier après la connexion
Copier après la connexion
ou ce qui suit (Windows / Linux):

<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>
Copier après la connexion
Copier après la connexion

Afficher les caractères invisibles

Pour m'assurer que le document et toutes les lignes utilisent l'indentation correcte, j'ai activé les caractères invisibles de l'éditeur. Cela montrera ··· Signification de l'indentation spatiale, »signifie le caractère d'onglet et ¬ signifie le caractère de rupture de ligne. Cela vous aide à afficher des lignes vides précises qui mélangent des onglets et des espaces. Bien que cela rendra votre écran "occupé" au début, vous vous y habituez très rapidement et je le trouverai inestimable maintenant. Pour ce faire, accédez à Atom (Mac) ou File (Windows / Linux) & GT;

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Break de ligne douce

Je n'aime pas faire défiler la gauche, la droite et le haut et vers le bas, donc pour m'assurer qu'il n'y a qu'une seule direction, j'ai activé la ligne de ligne douce dans l'atome. Cela garantit que rien ne va au-delà du bord de l'écran, mais entoure plutôt l'affichage. S'il a une nouvelle ligne, il l'entoure au même niveau que la ligne précédente et remplace le numéro de ligne dans la fente avec ·. Pour activer cette option, descendez plusieurs cases dans ATOM (Mac) ou File (Windows / Linux) & GT;

Conversion de cas des caractères

Parfois, votre texte est incorrectement cas. Vous avez peut-être besoin de toutes les capitalisations, ou vous devrez peut-être convertir des phrases en majuscules en minuscules. Dans le menu Edit> Texte, il existe des outils de traitement de texte intelligents, y compris les fonctionnalités majuscules et minuscules.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

sac

Le package est une raison impérieuse de choisir l'atome. La possibilité d'installer et de changer quoi que ce soit est ce qui rend cet éditeur de code si bon. Je ne répertorierai pas les meilleurs plugins que vous devez installer - il y a déjà de nombreux articles qui le font. Au lieu de cela, je recommande d'installer chaque plugin que vous rencontrez et de désinstaller le plugin que vous n'aimez pas (ou d'ajouter trop de temps de démarrage précieux). Si vous allez dans Paramètres & GT; Voici quelques forfaits sur lesquels je compte chaque jour et ne figurent pas dans de nombreux autres articles de blog:

Gestionnaire de projet

    git plus
  • minimap
  • pigments
  • raccourcis clavier

J'aime les raccourcis clavier. Je ne peux pas m'empêcher d'essayer d'apprendre tous les raccourcis pour chaque programme que j'utilise. (Je fais quelque chose que j'utilise des raccourcis dans Photoshop, et je ne sais pas comment le faire sans l'utiliser!) Bien sûr, vous oublierez les raccourcis que vous n'utilisez pas, et les raccourcis que vous utilisez fréquemment se souviendront dans votre cœur. J'utilise les touches de raccourci énumérées ci-dessous au moins une fois par heure. Ce sont des sauveurs.

Copier la ligne

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
Copier après la connexion
Copier après la connexion
Copier après la connexion

Si la clé de raccourci a une médaille, ce sera l'une des médailles d'or. J'utilise souvent cette clé de raccourci. Il vous permet de placer le curseur sur n'importe quelle ligne et de le copier.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Il est très utile pour copier des sélecteurs CSS, des gradients ou des cellules de table. Bien sûr, vous pouvez également copier plusieurs lignes à la fois - en les mettant en évidence ou en utilisant plusieurs curseurs:

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Déplacez la ligne actuelle de haut en bas

<code>'atom-text-editor':
    'ctrl-}': 'editor:auto-indent'</code>
Copier après la connexion
Copier après la connexion

Cette clé de raccourci fonctionne bien avec la touche de raccourci de la ligne de copie ci-dessus. Peu importe où se trouve votre curseur, ce raccourci déplace la ligne actuelle au-dessus ou en dessous de ses rangées environnantes.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Si vous sélectionnez plusieurs lignes, il déplace le bloc entier (et automatiquement des retraits) lorsque vous entrez et sortez des étiquettes et des supports.

Sélectionnez le caractère correspondant suivant

<code>Cmd + Shift + D (Mac)
Ctrl + Shift + D (Windows/Linux)</code>
Copier après la connexion

Cette commande vous permet de sélectionner le mot ou le caractère suivant qui correspond au mot ou à un caractère en surbrillance. Ensuite, en utilisant plusieurs curseurs générés automatiquement), vous pouvez supprimer, modifier ou mettre à jour les valeurs en surbrillance.

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Ceci est particulièrement utile si vous souhaitez mettre à jour seulement quelques valeurs ou propriétés sans utiliser Find and Remplacer.

désélectionner le personnage correspondant suivant

<code>Cmd + Ctrl + 上 (或下) 箭头 (Mac)
Ctrl + 上 (或下) 箭头 (Windows/Linux)</code>
Copier après la connexion

Si vous sélectionnez le personnage suivant Faire correspondre, parfois vous irez trop loin. Cette touche de raccourci désélectionnera les caractères les plus récemment sélectionnés dans l'ordre inverse .

12 Favorite Atom Tips and Shortcuts to Improve Your Workflow

Sélectionnez tous les caractères correspondants

Parfois, vous souhaitez modifier tous les caractères
<code>Cmd + D (Mac)
Ctrl + D (Windows/Linux)</code>
Copier après la connexion
correspondants dans le document, au lieu d'appuyer sur CMD / Ctrl D pour chaque caractère. Ce raccourci sélectionne tout ce qui correspond au personnage que vous avez sélectionné. (Avertissement: un grand nombre de choix peuvent ralentir gravement la vitesse de l'atome!)

COMMANCER COMMENTAIRES (ON ET CLOSE)

<code>'atom-text-editor':
    'ctrl-cmd-]': 'editor:auto-indent'</code>
Copier après la connexion
Copier après la connexion
Copier après la connexion

Dans certains cas, vous voudrez peut-être commenter une ou plusieurs lignes de code. Ce raccourci commente la ligne (ou les lignes) actuelle en utilisant de manière appropriée la syntaxe de commentaire correcte du langage que vous utilisez. Vous n'avez plus besoin de vous souvenir de votre ...

(La traduction ne peut pas être poursuivie ici en raison de l'absence de la partie finale du texte d'origine.)

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