Skip to content

alps-asd/vscode-asd

Repository files navigation

Application State Diagram for VS Code

Enhance your ALPS (Application-Level Profile Semantics) in Visual Studio Code with real-time visualization and editing support.

Features

  • Live ASD Preview: Visualize ALPS profiles as Application State Diagrams in real-time
  • Side-by-side Viewing: Edit ALPS files with instant diagram updates
  • Enhanced Code Completion: ALPS-specific code suggestions
  • Syntax Highlighting: Improved readability with ALPS XML language mode
  • Easy File Creation: Create new ALPS files using the "Create New ALPS File" command

Usage

  1. Create a new ALPS file:

    • Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
    • Search for and select "Create New ALPS File"
    • Choose a location and name for your new file
  2. Open an existing ALPS XML file in VS Code.

  3. Set the language mode to ALPS XML:

    • Click the language mode indicator in the bottom-right corner
    • Select "ALPS XML" from the list Or:
    • Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
    • Type "Change Language Mode" and select it
    • Choose "ALPS XML"
  4. Activate the visual preview:

    • Use the Command Palette and search for "Open ALPS Visual Preview"
    • Or click the "Open ALPS Preview" icon in the editor title area
  5. Edit your ALPS file and see real-time diagram updates.

Note: Files with the .alps.xml extension automatically use the ALPS XML language mode.

File Extensions

  • .alps.xml: Automatically recognized as ALPS XML files
  • .alps.json: Automatically recognized as ALPS JSON files (not supported yet)

Requirements

  • Visual Studio Code version 1.60.0 or higher
  • ALPS profile files (XML)
  • The asd command-line tool in your system PATH

Installation

For installation instructions, please refer to: https://marketplace.visualstudio.com/items?itemName=koriym.app-state-diagram


機能

  • リアルタイムASDプレビュー: ALPSプロファイルをアプリケーション状態図としてリアルタイムで表示
  • サイドバイサイド表示: ALPSファイルの編集と即時の図の更新
  • 強化されたコード補完: ALPS固有のコード提案
  • シンタックスハイライト: ALPS XML言語モードによる読みやすさの向上
  • 簡単なファイル作成: "Create New ALPS File"コマンドで新規ALPSファイルを作成

使用方法

  1. 新しいALPSファイルを作成:

    • コマンドパレット(Ctrl+Shift+PまたはCmd+Shift+P)を開く
    • "Create New ALPS File"を検索して選択
    • 新しいファイルの保存場所と名前を選択
  2. 既存のALPS XMLファイルをVS Codeで開きます。

  3. 言語モードをALPS XMLに設定:

    • 右下の言語モード表示をクリック
    • リストから"ALPS XML"を選択 または:
    • コマンドパレットを開く
    • "Change Language Mode"と入力して選択
    • "ALPS XML"を選択
  4. ビジュアルプレビューを有効化:

    • コマンドパレットで"Open ALPS Visual Preview"を検索
    • またはエディタのタイトル領域の"Open ALPS Preview"アイコンをクリック
  5. ALPSファイルを編集し、リアルタイムで図の更新を確認。

注意:.alps.xml拡張子のファイルは自動的にALPS XML言語モードを使用します。

ファイル拡張子

  • .alps.xml: ALPS XMLファイルとして自動認識
  • .alps.json: ALPS JSONファイルとして自動認識(現在未対応)

インストール

インストール手順については、以下をご参照ください: https://marketplace.visualstudio.com/items?itemName=koriym.app-state-diagram

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published