拡張機能のインストール
拡張機能のインストール
VSCodeの機能を拡張するプラグインをインストールする方法を説明します。
拡張機能のインストール方法
- 左側サイドバーの拡張機能アイコン(四角が4つ)をクリック
- 検索ボックスに拡張機能名を入力
- 「Install」ボタンをクリック
Playwrightに必須の拡張機能
Playwright Test for VSCode
Playwright公式の拡張機能です。これは必ずインストールしてください。
機能:
- テストの実行・デバッグ
- Pick locator(要素取得ツール)
- テスト結果の表示
- コード生成
インストール方法:
- 拡張機能で「Playwright Test for VSCode」を検索
- Microsoftが提供しているものをインストール
おすすめの拡張機能
Japanese Language Pack(日本語化)
VSCodeのメニューを日本語にします。
ESLint
JavaScriptのコード品質をチェックします。
Prettier
コードを自動でフォーマットします。
GitLens
Gitの履歴を詳細に確認できます。
🎯 今すぐインストールしよう
最低限「Playwright Test for VSCode」はインストールしておきましょう。他の拡張機能は必要に応じて追加してください。
最低限「Playwright Test for VSCode」はインストールしておきましょう。他の拡張機能は必要に応じて追加してください。
拡張機能の管理
無効化・アンインストール
- 拡張機能一覧で対象を選択
- 「無効にする」または「アンインストール」をクリック
拡張機能の設定
一部の拡張機能は設定をカスタマイズできます:
Cmd/Ctrl + ,で設定を開く- 拡張機能名で検索
- 設定を変更
📝 注意
拡張機能を入れすぎるとVSCodeの動作が重くなることがあります。本当に必要なものだけをインストールしましょう。
拡張機能を入れすぎるとVSCodeの動作が重くなることがあります。本当に必要なものだけをインストールしましょう。