vscodeでTypeScriptのImport文を自動で設定するショートカットを紹介します。
Importされていない箇所（「Cannot find name 'XXX'」のエラーが表示されている箇所）にカーソルを当てた状態でCtrl+.(ピリオド)を押すと、以下のようにImport文を生成するコマンドが表示されるので、そのコマンドを選択して実行します。 
すると、以下のように自動でImport文が作成されます。 
Ctrl+.は上記以外にも例えばeslintのチェックを一部だけ無効にするeslint-disable-next-lineを自動で生成するコマンドなどもあるので、困ったときはCtrl+.を入力してみると解決方法がわかるかもしれません。
vscodeのサブディレクトリのプロジェクトでveturが機能しないときの対処法を紹介します。例えば、以下のようなフォルダ構成でvueのTypeScriptのプロジェクトを作成したときに、vueファイ...
create-react-appで作成したTypeScriptのプロジェクトにESLintやPrettierなどの設定を行う方法を紹介します。今回は、TypeScriptとReactのルールに加え、a...
WSL2(Ubuntu)の環境にあるファイルをVSCodeで開く方法紹介します。事前準備として、WSL2(Ubuntu)の環境に作業フォルダを作成しておきます。Windowsからはwsl$のパスが、W...
VSCodeのRemote - ContainerでDockerのコンテナを起動して開発をしていましたが、ある日突然以下のエラーが発生し、起動できなくなってしまいました。エラーログを確認すると、以下の...
visual studio codeで.vueや.jsで構文チェックやフォーマットを行うeslintとprettierの設定を行います。（2020年1月時点の情報です。）以下の拡張機能をインストールし...
vscodeでC#のusing文を自動で設定するショートカットを紹介します。「The type or namespace name XXX could not be found (are you mi...
TypeScript fetchの共通処理を実装するでfetchの共通処理を作成しましたが、これはAPIからのレスポンスの形式があっている前提で処理を行っています。例えば以下はAPIのレスポンスの型は...
VSCodeからSQL Serverに接続してSQLを実行する方法を紹介します。SQL ServerをDockerで起動して別コンテナからアクセスするで、VSCodeからDockerで起動したSQL ...
SQL ServerをDockerで起動して別コンテナからアクセスする方法を紹介します。SQL Serverへの接続はVSCodeで行います。ASP.NET（.NET Core）の開発環境をDocke...
ReactのuseEffectを利用したときに無限ループが発生してしまうことがあります。特に注意したいのが、ESLintのreact-hooks/exhaustive-depsで表示された警告をUpd...