自動テストチュートリアル

Playwright、Seleniumなどの自動テストツールを学ぼう

拡張機能のインストール

拡張機能のインストール

VSCodeの機能を拡張するプラグインをインストールする方法を説明します。

拡張機能のインストール方法

  1. 左側サイドバーの拡張機能アイコン(四角が4つ)をクリック
  2. 検索ボックスに拡張機能名を入力
  3. 「Install」ボタンをクリック

Playwrightに必須の拡張機能

Playwright Test for VSCode

Playwright公式の拡張機能です。これは必ずインストールしてください。

機能:

  • テストの実行・デバッグ
  • Pick locator(要素取得ツール)
  • テスト結果の表示
  • コード生成

インストール方法:

  1. 拡張機能で「Playwright Test for VSCode」を検索
  2. Microsoftが提供しているものをインストール

おすすめの拡張機能

Japanese Language Pack(日本語化)

VSCodeのメニューを日本語にします。

ESLint

JavaScriptのコード品質をチェックします。

Prettier

コードを自動でフォーマットします。

GitLens

Gitの履歴を詳細に確認できます。

🎯 今すぐインストールしよう
最低限「Playwright Test for VSCode」はインストールしておきましょう。他の拡張機能は必要に応じて追加してください。

拡張機能の管理

無効化・アンインストール

  1. 拡張機能一覧で対象を選択
  2. 「無効にする」または「アンインストール」をクリック

拡張機能の設定

一部の拡張機能は設定をカスタマイズできます:

  1. Cmd/Ctrl + , で設定を開く
  2. 拡張機能名で検索
  3. 設定を変更
📝 注意
拡張機能を入れすぎるとVSCodeの動作が重くなることがあります。本当に必要なものだけをインストールしましょう。