インデント
VSCode
タブ
pug
カーソル

VSCodeを使っていて困ったことが二つありました。

1.タブを開いても上書きされてしまって複数タブでひらけない
2.⌘ + option + ↑ or ↓ でカーソルを追加してインデントを変えようとすると空白行が詰まる

どちらもしょぼい問題で申し訳ないですが僕はこの二つでずっとイライラしていました笑

まず1.の解決方法から

これは結構単純で解決方法は二つあります。

・ファイルをダブルクリックして開く(開いてるタブのタイトルをダブルクリックする)
・開いておきたいタブ内で ⌘ + K を押した後に Enter でタブを固定

設定を変えればデフォルトで固定されると思いますが、それはそれでタブを開きすぎた後に不要なタブを閉じる作業が伴うので上の二つが良いかなという感じです。

そして2.の解決方法

あまり頻度の高くない問題かもしれませんが僕はここ最近テンプレートエンジンのPugを使うことがあって、そこでインデントを厳密にしなければエラーが出てしまうので、複数行のインデントを一斉にずらしたいときにこの問題でイライラしてました。

文字だけだとわかりづらいかもしれないので画像を貼っておきます。

スクリーンショット 2018-01-12 12.06.20.png

まず対象範囲のカーソルを増やします。空白行はスペース等が入ってないのでもちろん行頭にカーソルができます。

スクリーンショット 2018-01-12 12.06.52.png

そこで詰めるとこうなってしまうので、

スクリーンショット 2018-01-12 12.08.42.png

ドラッグで対象範囲を選択して(全体の場合は ⌘ + A で全選択)

スクリーンショット 2018-01-12 12.09.04.png

⌘ + [ で左に1つ詰めることができます(右にズラす場合は]を)