Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Gherkin SupportNew to Visual Studio Code? Get it now.
Gherkin Support

Gherkin Support

Enokisan

|
5 installs
| (0) | Free
Gherkinファイルのシンタックスハイライトと記述支援(日本語対応)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Gherkin Support - VSCode拡張機能

Gherkinファイル(.feature)のシンタックスハイライトと記述支援を提供するVSCode拡張機能です。日本語にも完全対応しています。

機能

🎨 シンタックスハイライト

  • 日本語・英語両対応のキーワードハイライト
  • コメント、タグ、文字列の色分け
  • データテーブルの見やすい表示
  • パラメータ(<param>)の強調表示

📝 サポートされているGherkinキーワード

日本語

  • 機能 / フィーチャ (Feature)
  • 背景 (Background)
  • ルール (Rule)
  • シナリオ (Scenario)
  • シナリオアウトライン / シナリオテンプレート / テンプレ / シナリオテンプレ (Scenario Outline)
  • 例 / サンプル (Examples)
  • 前提 (Given)
  • もし (When)
  • ならば (Then)
  • 且つ / かつ (And)
  • 然し / しかし / 但し / ただし (But)

英語

  • Feature, Background, Rule, Scenario, Scenario Outline, Examples
  • Given, When, Then, And, But

インストール方法

  1. このプロジェクトをクローン
git clone <このリポジトリのURL>
cd gherkin-support
  1. 依存関係をインストール
npm install
  1. TypeScriptをコンパイル
npm run compile
  1. VSCodeで開発版として実行
  • F5キーを押して新しいVSCodeウィンドウを開く
  • または、コマンドパレット(Ctrl+Shift+P)から Debug: Start Debugging を実行

使用方法

  1. .featureファイルを作成または開く
  2. 自動的にGherkin言語として認識され、シンタックスハイライトが適用される

日本語での記述例

# language: ja
@smoke
機能: ユーザーログイン
  システムにログインできるようにしたい

  背景:
    前提 システムが起動している

  シナリオ: 正常ログイン
    前提 ユーザー "田中" が登録されている
    もし ユーザー名 "tanaka" でログインする
    ならば ログインが成功する
    且つ ホーム画面が表示される

英語での記述例

# language: en
@smoke
Feature: User Login
  As a user I want to login to the system

  Background:
    Given the system is running

  Scenario: Successful login
    Given user "Tanaka" is registered
    When I login with username "tanaka"
    Then login should be successful
    And home page should be displayed

開発

ファイル構造

gherkin-support/
├── package.json              # 拡張機能の設定
├── language-configuration.json # 言語設定
├── syntaxes/
│   └── gherkin.tmLanguage.json # シンタックスハイライト定義
├── src/
│   └── extension.ts          # メインロジック
├── examples/
│   ├── sample-japanese.feature # 日本語サンプル
│   └── sample-english.feature  # 英語サンプル
└── README.md

拡張機能のテスト

  1. examples/フォルダ内のサンプルファイルを開く
  2. シンタックスハイライトが正しく適用されているか確認

今後の機能拡張予定

  • [ ] 自動補完機能
  • [ ] ステップ定義へのジャンプ機能
  • [ ] スニペット機能
  • [ ] 構文エラーの検出
  • [ ] フォーマッター機能

貢献

バグ報告や機能提案はIssueでお願いします。プルリクエストも歓迎します!

ライセンス

MIT License

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft