モノレポでもVSCodeでVitestできるようにする

Vitest VSCode monorepo

VSCodeのVitest拡張機能をつかっているけど、 monorepoだとうまく動かなくて、いろいろ調べたときの備忘録(*´ω｀*) ちゃんとドキュメントに書いてあった(*´ω｀*) Vitest - Visual Studio Marketplace vitest.workspace.ts Workspace | Guide | Vitest Vites…

2023-09-18

VSCodeでフォルダ間の比較をする(Compare Folders)

VSCode

VSCode上で、フォルダ間の差分を確認したいなと思ったら、いい拡張機能があったので、調べたときの備忘録(*´ω｀*) Compare Folders - Visual Studio Marketplace 使い方コマンドパレットで「Choose 2 folders and compare」を実行 2つのフォルダを選択各…

2023-06-03

VSCodeのcolorizeでCSS/JSの色をわかりやすくする

VSCode css

VSCodeで開発をしているときに、CSSやJavaScript上の色を表示する拡張があって便利だった。 colorizeを試してみたときの備忘録(*´ω｀*) marketplace.visualstudio.com こんな感じで背景色で表示してくれる(*´ω｀*) (Element+とTailwindCSSのConfigで試してみ…

2023-05-26

JSON Schemaで設定ファイルの項目を補完できるようにする

VSCode JSON JSON Schema

VSCodeでjsonなどの設定ファイルを編集しているときに、フィールドで補完が効くものと効かないのがある。なんで、違うんだろ？とおもっていろいろ調べたときの備忘録(*´ω｀*) JSON Schema JSON Schema | The home of JSON Schemaという JSONの項目や構造を…

2023-05-23

VSCodeのTSのimport補完で相対パスにしない設定

VSCode TypeScript

importを補完しようとすると、 ../../XXXとかになってしまうのが嫌だな。。と思ったので、いろいろ調べてみた時の備忘録(*´ω｀*) VSCodeのsettings.jsonに以下を設定すればOK { "typescript.preferences.importModuleSpecifier": "non-relative" } shortest…

2021-10-05

VSCodeのSnippets機能で開発速度を上げる

VSCode

VSCodeで定型文を登録できるSnippets機能)。以前から使ってたけど、Easy Snippetという拡張機能を使ったら、かなり楽に追加/編集ができるようになったので、いろいろ調べてみたときの備忘録 Nuxt+Firebaseで開発することが多いので、ページやコンポーネン…

2021-09-29

VSCode+TypeScriptでcatchのerrorがunknownになったときの対処法

VSCode

VSCodeをアップデートしたら急にこんなエラーが出るようになった。。 TypeScript4.4からcatchの変数はunknownにするオプションがデフォルトでtrueになったららしい。。 TypeScript: TSConfig Reference - Docs on every TSConfig option Announcing TypeScr…