- モダンなHSP環境を構築しよう [2018年]
-
VSCode で HSP3 の開発環境を作る [2019年末]
に継ぐ最新版です。
前提として - HSP3.6
- VSCode
- node.js
がインストール済みとします。
拡張機能インストールの準備
vain0x/hsp3-ginger: HSP3 開発ツールを作るプロジェクト
から__hsp3-ginger-main.zip__をダウンロードして解凍します。
コマンドプロンプトもしくはパワーシェルで
hsp3-ginger-main\hsp3-debug-window-adapter\vscode-ext
内__install.ps1__を実行して__hsp3-debug-window-adapter.vsix__を作成します。
hsp3-debug-window-adapter.vsix のインストール
VSCodeの拡張機能を開き
ビューとその他のアクション → VSIX からのインストール
と辿り、__hsp3-debug-window-adapter.vsix__をインストールします。
その他の拡張機能のインストール
HSPで検索をし、
- HSP3 デバッグ (標準のデバッグウィンドウを使用)
- HSP3 構文定義
-
language-hsp3
をインストールします。
拡張機能の設定
- language-hsp3.compiler
- language-hsp3.helpman.path.local
- hsp3-debug-window-adapter.hsp3-root
にそれぞれパスを入力します。
以上で環境構築完了です。
VSCodeでF5でのデバッグとUTF8での開発ができるようになりました。