ホームページ >開発ツール >atom >アトムの使い方のチュートリアル

アトムの使い方のチュートリアル

墨辰丷
墨辰丷オリジナル
2018-05-10 09:42:275253ブラウズ

この記事はatomのショートカットキー、コマンド、プラグインを中心に紹介していますので、参考になれば幸いです。困っている友達は参考にしてください。

ショートカットキー

cmd- サイドバーの表示/非表示

ctrl-0 フォーカスした後、ツリーディレクトリ内のファイルを操作できます

ctrl-P 上に移動します。 (前)

ctrl-N 下に移動 (次)

ctrl-B 前に移動 (Back)

ctrl-F 前に移動 (Forward)

ctrl-E 行末に移動 (End)

ctrl-A この行の先頭文字(前)に移動

ctrl-A (2回タップ) 行頭(スペース含む)に移動

cmd-up ファイルの先頭に移動

cmd- down ファイルの最後に移動

cmd-L 行全体を選択

cmd-shift-D 現在の行を複製(Duplicate)

ctrl-shift-K 現在の行を削除(Cut)

cmd-shift -F プロジェクト全体を検索します

cmd-G 次の一致する検索結果を検索します

cmd -G-shift 前の一致する検索結果を検索します

cmd-k arrow 指定された方向に従ってウィンドウを分割します

cmd-K, cmd-arrow 指定した方向にウィンドウをフォーカスします

Ctrl-O ファイルを開きます

Ctrl-Shift-O フォルダーを開きます

Ctrl-Alt-O プロジェクトディレクトリをロードします

Ctrl-G 行にジャンプします

Ctrl-Shift-L 構文選択

F11 全画面

Ctrl-Alt-I Chromeデバッガーを開く

Ctrl-R 変数と関数ジャンプパネルに入る

プラグインコマンドをインストール

ほぼすべてAtom の機能はプラグインの形式で存在します。プラグインをインストールする方法が最初に行う必要があります。 Atom では、グラフィカル インターフェイスのインストール方法に加えて、apm と呼ばれるプラグイン マネージャーもインストールされます。apm を使用してプラグインをインストールすると非常に便利です。 または、atom-》command+ を開き、設定を開きます-》インストール-》ここでプラグインを検索してください

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


推奨プラグイン

Emmet - アーティファクト、一部のショートカット キーは Markdown プレビューのショートカット キーと競合します、変更大丈夫

autoprefixer - CSSプレフィックスを補足するために使用され、複数のブラウザのプレフィックスを自動的に生成します

color-picker - カラーピッカー、ラグなし、超高速起動

linter - デフォルトで複数の言語のエラーを識別できます、詳細は説明しませんが、これはメイン プラグインに属しており、より詳細なチェック プラグインをインストールできます (多すぎて 1 つずつリストすることはできません。フロント エンドで使用される可能性のあるプラグインを以下に示します)

linter-jshint 、JavaScript と JSON の場合、jshint

linter-coffeelint を使用、CoffeeScript の場合、coffeelint

lint-tslint を使用、Typescript の場合、tslint

autocomplete-plus を使用 — セカンダリ設定を備えた完璧な組み込みオートコンプリート、その一部以下に挙げるのは二次設定です

autocomplete-html — より詳細な

file-icons — 多くのアイコンを追加します (サイドバーのファイル名の前にアイコン)。

filetype-color — タブバーにさまざまな形式でさまざまな色のタイトルを表示し、二次設定をサポートします

minimap — Sublime Text を使用したことがある人なら誰でもこれを知っているはずです

docblockr — このプラグインは、コメントを迅速に生成するのに役立ちます。多くの高度なエディターにはすべてこの機能があります

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自動上傳

以上がアトムの使い方のチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:なし次の記事:atom实现html实时预览详解