Maison  >  Article  >  outils de développement  >  Plug-in atome frontal qui améliore la vitesse d'écriture du code (partage recommandé)

Plug-in atome frontal qui améliore la vitesse d'écriture du code (partage recommandé)

青灯夜游
青灯夜游avant
2020-12-04 17:46:058298parcourir

Plug-in atome frontal qui améliore la vitesse d'écriture du code (partage recommandé)

atom est un éditeur de github. Sa belle interface et sa riche évolutivité sont particulièrement appréciées des programmeurs front-end. De nos jours, il devient de plus en plus apprécié. populaire Fire, alors jetons un coup d'œil aux plug-ins nécessaires pour vous rendre encore plus puissant

1 Prise en charge de la syntaxe

atom- chs-menu (- éditeur chinois, vous savez)
langue-babel (- ES2016, ESNext, extension de syntaxe JSX)
langage-postcss (- Mise en évidence de la syntaxe PostCSS)

Recommandations associées : "tutoriel atom"


2 Auto-complétion

autocomplete-modules (- auto-complétion du nom du module)
autocomplete-paths (- auto-complétion du chemin)
atom-ternjs (- ES5, ES6, ES7, Node.js, jQuery, Angular, etc. complétion automatique du code js)
emmet (- Quick HTML manuscrit, CSS, Sass/SCSS/LESS)

3 Vérification de la grammaire

linter (-Cadre de vérification de la grammaire de base)
linter-jshint (- Plug-in de vérification de la syntaxe JavaScript basé sur jshint)
linter-eslint (- Plug-in de vérification de la syntaxe JavaScript basé sur jshint sur ESLint)
editorconfig (- Développement collaboratif multi-personnes, style de codage cohérent entre les différents éditeurs)

4 contrôles de versions

git-plus (- Jetez le terminal et exécutez les commandes Git dans Atom. Le dernier composant principal d'Atom intègre les fonctions Git et GitHub ! Vous pouvez l'essayer !)
merge -conflicts (- Gérer les fichiers en conflit via Atom)

5 chef de projet


chef de projet (- Vous permet d'accéder facilement à tous vos projets et de gérer vos projets avec une configuration supplémentaire)

6 Fonctions étendues

mini-carte ( - Aperçu du code source)
file-icons (- Afficher les icônes correspondant aux types de fichiers)
atom-beautify (- Formatage du code)
pigments (- visualisation des couleurs du code)
sélecteur de couleurs (- sélecteur de couleurs)
surbrillance -sélectionné (- Sélection en surbrillance)
minimap-highlight-selected (- Sélection en surbrillance dans l'aperçu du code source)
docblockr (- plugin de commentaire)
markdown-preview-plus (- aperçu en temps réel du markdown)
hyperclick (- accéder au fichier de définition de variable, besoin à utiliser avec js-hyperclick)
js-hyperclick (- Aller au fichier de définition de variable, doit être utilisé avec hyperclick)
travis- ci-status (- Extension de la barre d'état inférieure, ajouter le statut du projet Travis CI)
platformio-ide-terminal (- Déclenchez le terminal intégré dans Atom via Ctrl + `)
sync-settings (- Sauvegarde des packages et des paramètres Atom sur Gist, facile à restaurer)

Pour plus de connaissances liées à la programmation, veuillez visiter : Site Web d'apprentissage de la programmation ! !

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer