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