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