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
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
Open an existing ALPS XML file in VS Code.
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"
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
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ファイルを作成
使用方法
新しいALPSファイルを作成:
- コマンドパレット(Ctrl+Shift+PまたはCmd+Shift+P)を開く
- "Create New ALPS File"を検索して選択
- 新しいファイルの保存場所と名前を選択
既存のALPS XMLファイルをVS Codeで開きます。
言語モードをALPS XMLに設定:
- 右下の言語モード表示をクリック
- リストから"ALPS XML"を選択
または:
- コマンドパレットを開く
- "Change Language Mode"と入力して選択
- "ALPS XML"を選択
ビジュアルプレビューを有効化:
- コマンドパレットで"Open ALPS Visual Preview"を検索
- またはエディタのタイトル領域の"Open ALPS Preview"アイコンをクリック
ALPSファイルを編集し、リアルタイムで図の更新を確認。
注意:.alps.xml拡張子のファイルは自動的にALPS XML言語モードを使用します。
ファイル拡張子
.alps.xml : ALPS XMLファイルとして自動認識
.alps.json : ALPS JSONファイルとして自動認識(現在未対応)
インストール
インストール手順については、以下をご参照ください:
https://marketplace.visualstudio.com/items?itemName=koriym.app-state-diagram
| |