Cheatography
https://cheatography.com
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+main+footer |
グループを指定 / () |
ul>(li>a)*5 |
組み合わせ1 |
div.wrap#info |
組み合わせ2 |
ul>li>a.site$*5>p{test} |
VSCodeは初期設定の状態でもEmmetが使えるようになっています。
入力後 タブキーを忘れずに
|
|
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 |
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment
Related Cheat Sheets