IT関連

Atomエディタ ショートカット Mac/Windows

投稿日:2018年1月13日 更新日:

Atomの便利なショートカットの備忘録です。

 

ファイルの新規作成

Web開発ではエディタを開いているときに新規でファイルを作りたくなることって以外にあります。ショートカット一発でいけるのは楽ですね。

Windows 「Ctrl」+「N」

Mac「Cmd」+「N」

 

カーソル行の内容をまるまる直下にコピー

同じ内容を簡単にコピーできるのですごく楽です。「Ctrl」+「CV」とか馬鹿らしくなります。

Windows 「Ctrl」+「Shift」+「D」

Mac「Cmd」+「Shift」+「D」

 

カーソル行の内容をまるまる削除

あまり使用頻度はありませんが、全選択してから削除よりは便利そうです。

Windows 「Ctrl」+「Shift」+「K」

Mac「Ctrl」+「Shift」+「K」

Macは「Cmd」ではないので注意

 

ツリービューの表示・非表示切り替え

ボチボチ使います。Windowsは「\」で済むみたいですが、Macも兼用の「KB」で覚えた方が良さそう。

Windows「Ctrl」+「K」+「B」 もしくは 「Ctrl」+「\」

Mac「Cmd」+「K」+「B」

 

直下に空行を追加し、その空行から打ち始める

結構使います。HTMLをタグ入力してるときとか重宝します。

Windows 「Ctrl」+「Enter」

Mac「Cmd」+「Enter」

 

現在の行を下にずらし、現在の行から打ち始める

結構使います。これもHTMLをタグ入力してるときとか重宝します。

Windows 「Ctrl」+「Shift」+「Enter」

Mac「Cmd」+「Shift」+「Enter」

 

文字をコメントアウトする

めちゃくちゃ使います。特にHTMLの<!– –>とか手で打つの面倒・・。

Windows 「Ctrl」+「/」

Mac「Cmd」+「/」

 

カーソル行をまるまる上下に移動する

めちゃくちゃ使います。考えた人感謝。

Windows 「Ctrl」+「上下」

Mac「Cmd」+「Ctrl」+「上下」

なぜかMacは「Ctrl」が必要です。

 

対応するタグに移動する

これも便利です。片方のタグがマークされるだけでも便利ですが、ジャンプできるので尚よし。

Windows 「Ctrl」+「M」

Mac「Ctrl」+「M」

Macは「Cmd」ではないので注意

 

カーソルが当たっているタグを次次に選択する

例えばPタグをliタグに変更したい場合などに便利。

Windows 「Ctrl」+「D」

Mac「Cmd」+「D」

 

カーソルを好きなところに複数立てる

カーソルを複数立てて同時に編集できる。「Ctrl」+「D」のような機能だが、自分で選べるところが良い。

Windows 「Ctrl」+「クリック」

Mac「Cmd」+「クリック」

 

カーソルが当たっているタグと同じものを全選択する

例えば<h1>タグにカーソルを当てて操作すると、すべての<h1>が選択された状態でカーソルも立つ。だから一気に全て<h2>に置き換えるなども簡単。

Windows 「Alt」+「F3」

Mac ?

 

手動インデント(設定が必要)

インデントが崩れることは結構あるので重宝します。

Windows 「Alt」+「Shift」+「I」

Mac「Option」+「Shift」+「I」

設定方法は「Atomエディタ初期設定」を確認。

 

スタイルガイドの表示

使い道わかりません。

Windows 「Ctrl」+「Shift」+「G」

Mac ?

 

画面右にエディタパネルを追加する

タブをドラッグする方が楽だけどあえてキーボードで操作したい場合使う。

Windows 「Ctrl」+「K」+「右」

Mac「Cmd」+「K」+「右」

 

パネル間のアクティブ移動

Windows 「Ctrl」+「K」 & 「Ctrl」+「左右」

Mac「Cmd」+「K」 & 「Cmd」+「左右」

 

パネルを閉じる

パネルを閉じることはあるけど、普通はXボタンで済ませるかな。

Windows 「Ctrl」+「W」

Mac「Cmd」+「W」

 

設定画面を開く

設定画面を開くことがあまりないけど、知っておくと便利。

Windows 「Ctrl」+「カンマ」

Mac「Cmd」+「カンマ」

 

検索・置換窓の表示

言わずと知れた検索窓。

Windows 「Ctrl」+「F」

Mac「Cmd」+「F」

 

検索・置換窓の表示(プロジェクト全体)

全体から検索できるのは便利。重いので注意。

Windows 「Ctrl」+「Shift」+「F」

Mac「Cmd」+「Shift」+「F」

 

マークダウンプレビューを表示

emmetプラグインを入れていると効かなくなるので、設定時に注意が必要。

Windows 「Ctrl」+「Shift」+「M」

Mac「Ctrl」+「Shift」+「M」

Macは「Cmd」ではないので注意

 

文字の拡大

間違って文字の縮小が押された場合に使うくらい

Windows 「Ctrl」+「Shift」+「+」

Mac「Cmd」+「Shift」+「+」

 

文字の縮小

コメントアウトのショートカットと間違って押して困ること多々。

Windows 「Ctrl」+「Shift」+「 _ 」

Mac「Cmd」+「 _ 」

 

開発環境表示

Atomは関係ないけど予備で載せておきます。

Windows 「Ctrl」+「Shift」+「 I 」

Mac「Option」+「Shift」+「I」

 

 

emmet

Webデベロッパー用のツールemmet用のショートカット。設定でインストールする必要あり。

HTML5タグを挿入

必須のHTMLタグを作ってくれるので便利。

Windows 「html:5」+「Tab」

Mac「html:5」+「Tab」

 

Dotinstall Pane

ドットインストールの動画をAtomで開けるようにするツールのショートカット。設定でインストールする必要あり。

 

Dotinstall Paneを表示

パネルを表示できないと始まらない。

Windows「Shift」+「Alt」+「d」

Mac「Shift」+「Option」+「d」

 

再生・停止

エディタにカーソルがあるときでも使えるので以外に便利。

Windows「Alt」+「Shift」+「Enter」

Mac「Option」+「Shift」+「Enter」

 

5秒巻き戻し

Windows「Alt」+「Shift」+「[」

Mac「Option」+「Shift」+「[」

 

5秒早送り

Windows「Alt」+「Shift」+「]」

Mac「Option」+「Shift」+「]」

スポンサーリンク




スポンサーリンク




-IT関連
-, , ,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

AS400/ibmi ACS RunSQLScriptsでラベルをCOLHDGにする

COLHDG(カラムヘディング)というのは、聞いた話ではAS400にのみある概念らしいですね。 AS400から入った私にとってはそれが普通だと思っていました。   通常SQLではASで別名を …

git Laravelで引っ越しの備忘録

自分の備忘録です。正直自分にわかるようにしか書いていません。 真似て事故っても責任は持てませんのでご了承ください。でも何かの参考になれば幸いです。   開発環境は自席WindowsPCのXA …

WordPress Stinger8で固定ページにAdsense広告を表示する

なんでStringer8を使い出したんだろうか。もう経緯も忘れたが、Adsense広告も簡単に貼れるし、特に不自由はしていない。というかとても便利だ。   トップの画像がいまだにString …

WordPressのメディアファイルアップロードの制限解放

ワードプレスでメディアをアップしようと思っても、アップロードサイズ上限を超えていますと怒られてしまうことがある。   これは静止画や動画などをサーバにアップするわけだから、制限を設けておかな …

Windows Defender があれば市販のセキュリティソフトはいらないらしい

今回はパソコンのセキュリティソフトについての話です。これまた自己責任でお願いします。 しかもこれは聞いた話を記事にしているだけなので、真偽は確認しておりません。   私のいる会社 私のいる会 …

Adsense広告




文字で検索

人気記事

なぜだか人気記事

読んでほしい順に