Heim  >  Artikel  >  Entwicklungswerkzeuge  >  Tutorial zur Atomnutzung

Tutorial zur Atomnutzung

墨辰丷
墨辰丷Original
2018-05-10 09:42:275118Durchsuche

Dieser Artikel stellt hauptsächlich die Tastenkombinationen, Befehle und Plug-Ins von Atom vor. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Freunde in Not können sich darauf berufen.

Tastenkombinationen

cmd- Ein- oder Ausblenden der Seitenleiste

Strg-0 fokussiert die Seitenleiste. Nach dem Fokussieren können Sie Dateien im Baumverzeichnis bedienen

Strg-P, um nach oben zu gelangen (Zurück)

Strg-N zu nach unten bewegen (Weiter)

Strg-B rückwärts bewegen (zurück)

Strg-F vorwärts bewegen (Vorwärts)

Strg-E zum Zeilenende bewegen ( Ende)

Strg-A Zum Anfang dieser Zeile gehen (Vorwärts)

Strg-A (Zweimal tippen) Zum Anfang dieser Zeile gehen (einschließlich Leerzeichen)

cmd-up An den Anfang der Datei bewegen

cmd-down An die unterste Position in der Datei bewegen

cmd-L Die gesamte Zeile auswählen

cmd-shift -D Aktuelle Zeile duplizieren (Duplizieren)

Strg-Umschalttaste-K Aktuelle Zeile löschen (Ausschneiden)

cmd-Umschalttaste-F Gesamtes Element durchsuchen

cmd-G Nächstes suchen passendes Suchergebnis

cmd-G-Shift Vorherige Übereinstimmung suchen Suchergebnisse

cmd-k Pfeil Teilen Sie das Fenster entsprechend der angegebenen Richtung

cmd-K, cmd-Pfeil Fokussieren Sie das Fenster in die angegebene Richtung

Strg-O Öffnen Sie die Datei

Strg-Umschalt-O Öffnen Sie den Ordner

Strg-Alt-O Laden Sie das Projektverzeichnis

Strg-G Zu einer Zeile springen

Strg-Umschalt-L Syntaxauswahl

F11 Vollbild

Strg-Alt-I Chrome-Debugger öffnen

Strg-R Öffnen Sie das Variablen- und Funktionssprungfeld

Plug-in-Befehl installieren

Fast alle Funktionen in Atom sind vorhanden in Form von Plug-Ins. Als erstes müssen wir das Plug-in installieren. Zusätzlich zur Installationsmethode über die grafische Benutzeroberfläche installiert Atom auch einen Plug-In-Manager namens apm. Es ist sehr praktisch, Plug-Ins mit apm zu installieren.
Oder öffnen Sie Atom-》Befehl+, öffnen Sie Einstellungen-》Installieren-》Suchen Sie hier nach Plug-Ins

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

Empfohlene Plug-Ins

Emmet – Ein Artefakt, einige Tastenkombinationen stehen in Konflikt mit den Markdown-Vorschau-Tastenkombinationen, ändern Sie es einfach

Autoprefixer – Wird zur Ergänzung von CSS-Präfixen verwendet und generiert automatisch Präfixe für mehrere Browser

Farbauswahl – Farbauswahl, keine Verzögerung, superschneller Start

linter – Standardmäßig kann es Fehler in mehreren Sprachen identifizieren, es wird jedoch nicht detailliert beschrieben. Es handelt sich um ein Haupt-Plug-in und Sie können weitere installieren Detaillierte Prüf-Plug-ins (Es gibt zu viele, um sie einzeln aufzulisten. Hier sind diejenigen, die vom Frontend verwendet werden können)

linter-jshint, für JavaScript und JSON, mit jshint 🎜>

linter-tslint, für Typescript, mit tslint

autocomplete-plus – perfekte integrierte Autovervollständigung, mit sekundären Einstellungen, einige der unten aufgeführten haben sekundäre Einstellungen

autocomplete-html – Mehr detaillierte

Dateisymbole – Fügen Sie viele Symbole hinzu, das Symbol vor dem Dateinamen in der Seitenleiste.

filetype-color – Zeigt Titel in verschiedenen Farben in verschiedenen Formaten in der Tab-Leiste an, unterstützt sekundäre Einstellungen

minimap – Jeder, der Sublime Text verwendet hat, sollte es wissen

docblockr – — Dieses Plug-in kann Ihnen helfen, schnell Kommentare zu erstellen. Viele fortgeschrittene Editoren verfügen über diese Funktion

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 中设置如下来自定义自己的快捷键

&#39;atom-text-editor&#39;:
&#39;ctrl-shift-h&#39;: &#39;atom-html-preview:toggle&#39;

这个在预览遇到中文时可能会乱码,可以在中加入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自動上傳

Das obige ist der detaillierte Inhalt vonTutorial zur Atomnutzung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:KeinerNächster Artikel:atom实现html实时预览详解