コンパイラかく語りき

import { Fun } from 'programming'

VSCode

VSCodeでTabキーを押すとエディタ画面の入力状態が終わってしまう

超小ネタ。 VSCode でコーディングをしていたら、入力動作がおかしくなった。 入力中に Tab キーを押すと、エディタ画面からカーソルが消える。つまり入力状態が終わってしまう。 調べてみると、「Toggle Tab Key Moves Focus」というモードが ON になっていた…

【VSCode】最近使用した項目を開く(File: Open Recent)選択時に、新しいウィンドウで開くようにする settings.json 設定

VSCode には 最近使用した項目を開く(File: Open Recent) というコマンドがあります。 選択した項目を、VSCode で開くことができます。 筆者は Github のレポジトリごとに VSCode のウィンドウを開くようにしています。(例: UI 開発のコードベースと API …

VSCode で Prettier の設定が無視されて効かない問題

tl;dr ./.prettierrc.json を作成する。 Prettier の設定が無視される VSCode の formatOnSave 機能で Prettier の設定が効きませんでした。 Prettier 設定を workspace で行ったり、.prettierrc に書いたりしましたが、どちらも VSCode から無視される状態…

【JavaScript, VSCode, Prettier】import 文を自動改行

td;dr VSCode で Prettier の設定を行い、 import 文を自動改行する。 概要 ESLint/TSLint によって1行のコードの長さを制限することができます。 ESLint: max-len TSLin: max-line-length import 文もこの対象になりますが、auto fix が効かないので手動で…

VSCode で行番号カラムの幅を狭める

VSCode の行番号カラムの幅が広いと感じるのは自分だけでしょうか? 特にエディタ画面をスプリットすると、なおさらカラムの幅が気になります。 実はこのカラム、3つの要素から成り立っています。 左から順に、グリフマージン、行番号、折りたたみアイコン…