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 ＋ ３ |
部分スクショ |
スクリーンショットアプリで行う |
command ＋ shift ＋ ４ |
スクリーンショットアプリ |
Windows ＋ Shift ＋ S |
command ＋ shift ＋ ５ |
画面録画（一部抜粋） |
Windows + G |
command ＋ shift ＋ ５ |
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