Show Menu
Cheatography

win/mac/vs code/emmet ショートカット Keyboard Shortcuts by

win/mac/vs code/emmet のプログラミング内外で使えそうなショートカット集です

win/mac ショートカット基本

 
windows
mac
コピー
Ctrl + C
command + C
切り取り
Ctrl + X
command + X
ペースト
Ctrl + V
command + V
全選択
Ctrl + A
command + A
検索
Ctrl + F
command + F
検索と置換
Ctrl + H
command + Shift + H
ブラウザ更新
Ctrl + R
command + R
操作を一つ戻す
Ctrl + Z
command + Z
操作を一つ進める
Ctrl + Y
command + Y
ウィンドウを開く
Ctrl + N
command + N
保存
Ctrl + S
command + S
ブラウザのタ­ブを閉じる
Ctrl + W
command + W
ファイルなどの印刷
Ctrl + P
command + P

win/mac スクショ系

 
Windows
Mac
画面全体
PrtSc -> Win + PrtSc
command + shift + 3
部分スクショ
スクリーンシ­ョット­アプリで行う
command + shift + 4
スクリーンシ­ョットアプリ
Windows + Shift + S
command + shift + 5
画面録画(一部抜粋)
Windows + G
command + shift + 5

emmet html 入力後 tab キー

処理 / コマンド
使用例
html 雛形 / html:5 or !
html:5 / !
クラス / .
h1.title
id / #
h1#title
タグ内にテキスト / {}
h1{Hello Emmet!}
連番 / $
ul>­li#­hoge$*3
タグの隣接 / +
header­+ma­in+­footer
グループを指定 / ()
ul>­(li­>a)*5
組み合わせ1
div.wr­ap#info
組み合わせ2
ul>­li>­a.s­ite­$*5­>p{­test}
VSCode­は初期­設定の­状態で­もEm­met­が使え­るよう­になっ­ています。
入力後 タブ­キーを忘れずに
 

vs code (環境によっ­て違うかも)

 
windows
mac
空行挿入(下)
Ctrl + Enter
command + Enter
空行挿入(上)
Ctrl + Shift + Enter
command + Shift + Enter
コピー
Ctrl + C
command + C
切り取り
Ctrl + X
command + X
ペースト
Ctrl + V
command + V
行先頭/末尾
Ctrl + ←/→
command + ←/→
単語選択(簡易版)
Ctrl + D
command + D
選択微調整
Shift + ←/→
Shift + ←/→
カーソル位置­から行­先頭/末尾
Ctrl + Shift + ←/→
command + Shift + ←/→
エディタ内の検索
Ctrl + F
command + F
サイドバー開閉
Ctrl + B
command + B
デバッグを開く
Ctrl + Shift + D
command + Shift + D
パネル/ター­ミナルの開閉
Ctrl + J
command + J
上書き保存
Ctrl + S
command + S
名前を付けて­保存(­別名コピー))
Ctrl + Shift + S
command + Shift + S
文字サイズ拡大
Ctrl + +
command + Shift + +
文字サイズ縮小
Ctrl + -
command + -
インデント(­言語に­よって­違うかも)
tab
tab
逆インデント­(言語­によっ­て違うかも)
tab + Shift
tab + Shift
コメント/解除
Ctrl + /
command + /

emmet css 入力後 (数値) tab キー

background
bg
margin / padding
m / p
border
bd
top / bottom
t / b
left / right
l / r
color
c
display
d
height
h
width
w
           
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          VLC (Windows & OS X) Keyboard Shortcuts
          No hands!: Os to Browser Driving Cheat Sheet