tutoriel d'utilisation de l'atome

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      卸载插件

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

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

'atom-text-editor':
'ctrl-shift-h': 'atom-html-preview:toggle'

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

apm install activate-power-mode

关闭震动： 
震动看久了眼睛貌似已经都花了，还好可以关掉震动效果，在这个插件的设置中设置 
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!