徹底解説Visual Studio Codeを読んで
Visual Studio Codeの解説本を読みました
scikit-learnを用いた機械学習はまた次回
今回はvisual studio codeを
読んだ本はこれ
- 作者:本間咲来
- 発売日: 2019/09/27
- メディア: 単行本
地元の図書館にあったので借りました。
エディタに関することを一度くらいきちんと学ぼうと思います。
ほんとはこれもあってこれの方が新しいので借りたかったけど借りれられてたのでまた今度借りて読もうと思います。
[asin:B084SS63L4:det
基本的なショートカット
- サイドバー表示切り替え [command]+ [b]
- エディタ分割 [control]+[option]+[command]+[\]
- エディタの移動 [command]+[option]+[→] か [←]
- クイックオープン現在のワークスペース内のファイルを開いたり最近開いたファイルを開ける [command]+[p]+[?]
- 任意の行移動 [control]+[g]かクイックオープンに対して[:]の後に行番号移動
- ファイル内の任意のシンボルへ移動[command]+[shift]+[o]かクイックオープンで[@]を入力
- ワークスペース内の任意のシンボルへ移動[command]+[t]かクイックオープンで[#]を入力
- エディタブループ内のファイルへ移動 [control]+[tab]
- カーソルのしたに行を追加して移動する [command]+[Enter]
- 上に行くには[command]+[shift]+[Enter]
- ファイルの先頭や末尾 [command] + [↑]/[↓]
- 同じ文字列の選択 任意の文字列を選択して [command]+[shift]+[L]
- マークダウンのプレビューを開く [comamnd]+[k]+[v]
- タブを閉じる [command]+[w]
- 行のインデント [command]+[ ] ]
- 行のアウトデント [command]+[ [ ]
html/js/cssを書く
vscodeにはhtmlやcssを少ない入力でコーディングする機能としてEmmetがある
[!]を入力し[Tab]を押すと以下のような雛形が生成される
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>
他にもEmmetの構文があるらしい
詳しくは公式サイト https://docs.emmet.io みるとよさそう
[alt]+[shift]+[F]でオートフォーマットされる
Live Serverでhtmlのリアルタイムレビューができる。
node.jsの話とかgitとの連携とか読んだら書きたいと思う。
それより先にscikit-learnの話書かなきゃ