Partage recommandé de plus de 40 plug-ins couramment utilisés dans Atom (avec méthodes d'installation de plug-ins)

Cet article partagera avec vous plus de 40atomplug-ins couramment utilisés, ainsi que comment installer des plug-ins dans atom. J'espère qu'il sera utile à tout le monde !

Plug-ins ATOM couramment utilisés

1. Introduction à ATOM

Atom est un éditeur de code open source développé par GitHub, prenant en charge des langages de programmation personnaliséstels que HTML, CSS et JS. En raison de son interface simple et intuitive, de la prise en charge de l'installation de packages tiers et de la prise en charge des macros, il est profondément apprécié des programmeurs ! [Recommandations associées :Tutoriel d'utilisation d'atom]

Lien du site officiel : https://atom.io/

2 Plug-ins ATOM couramment utilisés

github Depuis le lancement d'atom, j'ai installé et expérimenté au fur et à mesure que la durée d'utilisation augmente, j'ai progressivement collecté certains plug-ins couramment utilisés (la plupart des plug-ins devraient convenir à tout le monde, et un petit nombre de plug-ins semblent plus conformes à mes propres goûts), et je les ai répertoriés ici pour votre référence.

1. Menu chinois simplifié

Le package de langue chinoise simplifié d'Atom, actuellement le package de langue chinoise le plus complet. Y compris la Chineseisation du menu, la Chineseisation du menu par clic droit et la Chineseisation des paramètres

2, atom-beautify

embellissement en un clic au format de code, prend en charge le formatage en plusieurs langues, telles que : HTML, CSS , JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL…

3, dernière position du curseur

Le curseur peut être librement basculé vers l'heure précédente/Prochaine modification de l'emplacement

4, mini-carte

imitation sublime texte abréviation code vue, l'endroit que vous souhaitez trouver est clair en un coup d'œil.

5. minimap-highlight-selected

Pour obtenir le contenu de sélection des surbrillance de la mini-carte, vous devez installer les deux premiers plug-ins

6. effet de vibration, frappe Avec des effets spéciaux, il a un effet choquant lors de la frappe

7, sélecteur de couleurs

Outil de sélection de couleurs, choisissez des couleurs dans l'éditeur

8, pigments

plug-in d'affichage couleur, éditeur Vous pouvez visualiser directement la couleur représentée par le code dans l'outil Bien que l'outil soit petit mais très pratique.

9. highlight-selected

Sélectionnez un certain morceau de code pour mettre automatiquement en évidence le même code

10 emmet

Une magie indispensable pour le développement HTML, améliorez considérablement votre. efficacité du travail

11. docblockr

Les commentaires de code intelligents rendent les commentaires plus standardisés

12.

Chemins de fichiers à saisie semi-automatique

plugin de complétion de code React-native

Dans Atom, il gère les conflits fusionnés fichiers

exécute le script sous atom et prend en charge plusieurs langages de développement.

17, navigateur-plus

Éditeur navigateur intégré

18, poser-pile

question rapide dans atom stackoverflow

1 9 .regex-chemin de fer-. diagramme

Expression régulière graphique

20, fichier ouvert avancé

Ouvrez rapidement des fichiers ou créez de nouveaux fichiers et prenez en charge l'achèvement du chemin

21, surbrillance rapide

Code Highlight

Afficher le nombre de résultats trouvés sur StatusBar.

22、platformio-ide-terminal

Outil de terminal

23、ouvert dans les navigateurs

à Ouvrir le code dans n'importe quel navigateur installé

Liste des navigateurs dans le menu contextuel

24, linter/ linter-eslint

invites d'erreur de code, vous devez l'utiliser avec le plug-in de règle correspondant, par exemple : linter -eslint (inspection du code js selon les règles eslint, le plug-in linter doit être installé)

25, chemins de saisie semi-automatique

Il y aura des invites lors du remplissage du chemin

26, hyperclick / js-hyperclick

Lorsqu'ils sont utilisés ensemble, ces deux plug-ins peuvent implémenter Ctrl+clic de la même manière que l'EDI, en sautant à l'endroit où la fonction variable est déclarée ou définie.

exemple hyperclick :

exemple s-hyperclick

27, Sublime-Style-Column-Selection

plugin de sélection locale

28, icônes

gauche Sous l'arborescence latérale, différentes icônes sont affichées sur le côté gauche en fonction du type de fichier

29, de la barre d'outils

du plug-in de la barre d'outils, qui doit être associé à d'autres plug-ins

30, flex-tool-bar

Avec le plug-in de barre d'outils, personnalisez les icônes et les événements

31, atom-terminal-panel

outil de ligne de commande intégré atom

32, langage-javascript-jsx/langue-babel

Mise en évidence du code, prend en charge ES6, ES7, React JSX...

33, es6-javascript

Raccourcis de code ES6

34, réagir -extraits

raccourcis de code React

35, atom-bootstrap3

bootstrap3 html plug-in de complétion automatique

36, sync-settings

plug-in de sauvegarde et sauvegarde de la configuration, pour éviter d'avoir à recherchez à nouveau les plug-ins après la réinstallation du système, téléchargez automatiquement les plug-ins directement et configurez atom

37. atom-ternjs

prend en charge la complétion de code dans plusieurs langues, telles que : ES5, ES6 (JavaScript 2015), Node .js, jQuery, Angular...

38. vim-mode

Avec vim-mode, il faut installer les plug-ins ex-mode et relative-numbers. Le premier permet à l'éditeur de prendre parfaitement en charge les commandes. comme :w:s ; ce dernier peut implémenter des numéros de ligne relatifs en mode régulier. Ceux qui utilisent vim comprendront naturellement son importance.

39、terminal-plus

cmd+shift+t pour ouvrir une nouvelle console

ctrl+` pour ouvrir/fermer la console

cmd+shift+j/k pour changer de console

De plus, vous pouvez également naviguer dans console via la barre de navigation Il est très pratique de nommer ou de définir la couleur.

40, tortoise-svn

svn plugin

41, Git/github

git-plus—exécutez les commandes Git dans Atom sans basculer entre le terminal et l'éditeur

git-control —Git Panel

tree-View-Git-status - Facteur Git Status

settings:

gist-it - partagez un code à gist.github.com

git -log

图形化git提交记录

monokai (theme)

monokay主题

3. Comment installer le plug-in

Ouvrez le logiciel, cliquez sur fichier——》paramètres—>installer

Recherchez et installez un thème ou un plug-in, enfin cliquez sur installer.

【Recommandation associée : "tutoriel atom"】

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!