くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

VSCode

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

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

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

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

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

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

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

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

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

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

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

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

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

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

VSCodeのMarkdownで日本語をいい感じに整形する

VSCodeでMarkdownを書いていると、 GoogleアカウントがGoogle アカウント みたいに、空白が入ってフォーマットされてしまう。。 いろいろ見ていると、中国語とかの兼ね合いで対応されるのに時間がかかりそう。 回避策を見つけたので試してみたときの備忘録。…