時間短縮したいけど・・・それを調べるのにめちゃ時間かかってる!
そのための備忘として。ただし、完全『自分』仕様です。
網羅して書かれた記事は結構あったのですが、自分がよく動作&自分が使うエディタのみ&自分の環境に適したものは流石になさそうだったのでまとめてみました。全く同じ状況の人は(いればですが)ぜひ参考にしてください。Mac前提です。
⌘ Command
⌥ Option
⇧ Shift
^ Control
Visual Studio Code
ショートカットキー(これで時間短縮できます。慣れれば。)
| キー | キー詳細 | 動作 |
|---|---|---|
| ⌥⇧↑ | Option+Shift+↑ | 行のコピーを上に追加 |
| ⌥⇧↓ | Option+Shift+↓ | 行のコピーを下に追加 |
| ⌥↑ | Option+↓/↑ | 行の移動 |
| ⌘X | Command+X | 行の切り取り (未選択時) |
| ⌘C | Command+C | 行のコピー (未選択時) |
| ⌘⇧K | Command+Shift+K | 行の削除 |
| ⌘] | Command+ ] | 行にインデントを追加 |
| ⌘[ | Command+ [ | 行のインデントを削除 |
#### その他便利な機能(最初知った時感動しました)
.クラス名
12秒から3秒に時短できました!!
わお!便利!VScode様様!あれ、ちょっと待てよ…クラス名でできるということはもしかして…??
.html
<div class="クラス名"></div>
#id名
やっぱりこれでもできた!!
11秒から3秒に短縮できました:)
.html
<div id="id名"></div>
html:5
実はこう打つだけで・・・
え?
これは何分時短??超便利!!!!
.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
Atom
また追加します