Maison > outils de développement > atom > tutoriel d'utilisation de l'atome

tutoriel d'utilisation de l'atome

墨辰丷
Libérer: 2018-05-10 09:42:27
original
5237 Les gens l'ont consulté

Cet article présente principalement les touches de raccourci, les commandes et les plug-ins d'atom. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Les amis dans le besoin peuvent s'y référer.

Touches de raccourci

cmd- Afficher ou masquer le barre latérale

ctrl-0 concentre la barre latérale Après la mise au point, vous pouvez utiliser les fichiers dans le répertoire de l'arborescence

ctrl-P pour monter (Précédent)

ctrl-N pour. descendre (Suivant)

ctrl-B Reculer (Retour)

ctrl-F Avancer (Avancer)

ctrl-E Passer à la fin de la ligne ( Fin)

ctrl- A Passer au début de cette ligne (Ahead)

ctrl-A (Appuyez deux fois) Passer au début de cette ligne (espaces compris)

cmd-up Déplacer vers le haut du fichier

cmd-down Déplacer vers la position la plus basse du fichier

cmd-L Sélectionner la ligne entière

cmd-shift -D Dupliquer la ligne actuelle (Dupliquer)

ctrl-shift-K Supprimer la ligne actuelle (Couper)

cmd-shift-F Rechercher l'élément entier

cmd-G Rechercher suivant résultat de recherche correspondant

cmd-G-shift Trouver la correspondance précédente Résultats de recherche

cmd-k arrow Diviser la fenêtre selon la direction spécifiée

cmd-K, cmd-arrow Focus la fenêtre dans la direction spécifiée

Ctrl-O Ouvrir le fichier

Ctrl-Shift-O Ouvrir le dossier

Ctrl-Alt-O Charger le répertoire du projet

Ctrl-G Passer à une ligne

Ctrl-Maj-L Sélection de la syntaxe

F11 Plein écran

Ctrl-Alt-I Ouvrir le débogueur Chrome

Ctrl-R Entrez dans le panneau de saut de variable et de fonction

Commande d'installation du plug-in

Presque toutes les fonctions d'Atom existent dans sous forme de plug-ins. Comment installer le plug-in est la première chose que nous devons faire. En plus de la méthode d'installation de l'interface graphique, Atom installe également un gestionnaire de plug-ins appelé apm. Il est très pratique d'utiliser apm pour installer des plug-ins.
Ou ouvrez atom-》command+, ouvrez les préférences-》install-》Recherchez les plug-ins ici

atom /hopes /dreams   打开目录
atom file    打开文件
atom -h  获得帮助
apm install <package_name>  安装插件
apm install <package_name>@<package_version>  安装指定版本的插件

apm search <package_name>  查询插件
apm view <package_name>  查询插件详情
apm uninstall xxx      卸载插件
Copier après la connexion

Plug-ins recommandés

Emmet — un artefact, certaines touches de raccourci entreront en conflit avec les touches de raccourci de l'aperçu Markdown, il suffit de le changer

autoprefixer — utilisé pour compléter les préfixes CSS, générera automatiquement des préfixes pour plusieurs navigateurs

color-picker — sélecteur de couleurs, pas de décalage, démarre très rapidement

linter — peut identifier les erreurs dans plusieurs langues par défaut, mais n'est pas détaillé. Il s'agit d'un plug-in principal et peut être installé pour. inspections plus détaillées Plug-ins (trop nombreux pour être listés un par un, voici ceux qui peuvent être utilisés par le front-end)

linter-jshint, pour JavaScript et JSON, utilisant jshint

linter-coffeelint, pour CoffeeScript, utilisant coffeelint

linter-tslint, pour Typescript, utilisant tslint

autocomplete-plus — Saisie semi-automatique intégrée parfaite, avec des paramètres secondaires, certains d'entre eux répertoriés ci-dessous ont des paramètres secondaires

autocomplete-html — Plus détaillés

file-icons — Ajoutez de nombreuses icônes, l'icône devant le nom du fichier dans la barre latérale.

filetype-color — Affiche les titres de différentes couleurs dans différents formats dans la barre d'onglets, prend en charge les paramètres secondaires

minimap — Quiconque a utilisé Sublime Text devrait savoir

docblockr — — Ce plug-in peut vous aider à générer rapidement des commentaires. De nombreux éditeurs avancés disposent de cette fonction

.

autocomplete-paths
autoclose-html —— 自动闭合html标签,很实用的功能,可以节省很多的时间。
highlight-line —— 高亮当前行,快速找到光标在什么地方
highlight-selected —— 高亮当前所选文字,双击后全文这个词或者变量都会高亮哦
autocomplete-plus —— 完善自带autocomplete,可以安装更细化的插件:autocomplete-php、autocomplete-python、autocomplete-paths、autocomplete-html、autocomplete-bibtex、autocomplete-css等等。

安装 Atom-HTML-Preview

apm install atom-html-preview
Copier après la connexion

默认的打开快捷键 ctrl+P不过貌似冲突了
可以自定义快捷键:Atom->Keymap 中设置如下来自定义自己的快捷键

&#39;atom-text-editor&#39;:
&#39;ctrl-shift-h&#39;: &#39;atom-html-preview:toggle&#39;
Copier après la connexion

这个在预览遇到中文时可能会乱码,可以在中加入 就可以了

apm install activate-power-mode
Copier après la connexion

关闭震动: 
震动看久了眼睛貌似已经都花了,还好可以关掉震动效果,在这个插件的设置中设置 
Screen Shake 
Disable 
效果可以参看:https://atom.io/packages/activate-power-mode

非常高兴这种插件已经支持很多编辑器,可以参看 https://github.com/codeinthedark/awesome-power-mode

atom-beatify 可以格式化很多语言的显示,快捷键 control+alt+b

相关推荐:

编辑神器--atom的详细介绍

Atom - 安装和配置实例教程

atom 如何設定ftp自動上傳

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!

Étiquettes associées:
source:php.cn
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