事前説明
こんにちは、さば2号です。
今回はVScodeで利用できるScriptAPIの補完の導入方法を解説します。
注意事項
・投稿者は素人です。間違えることがあります。
導入方法
用意するもの
・Visual Studio Code
① node.jsをインストールしよう。
npmコマンドを使用するために、node.jsをダウンロードしましょう。
Node.js ダウンロードページ
https://nodejs.org/en/download
② TypeScriptのフォルダを開こう。
「win+R」で出てくるウィンドウに次を入力しましょう。
%localappdata%\Microsoft\TypeScript
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-025313.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-025313.png)
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-025725-1.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-025725-1.png)
③ 最新のフォルダを開き、コマンドプロンプトを開こう。
最新のフォルダ(上の画像なら5.3フォルダ)を開き、ファイルパスに「cmd」と入力して、コマンドプロンプトを開きます。
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-030557.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-030557.png)
次のような画面が出ればOKです。
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-030946-1.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-030946-1.png)
④ npmコマンドで補完をインストールしよう。
プロンプトに次のコマンドを入力し実行しましょう。
アップデート次第で変更されるので気を付けましょう。
v.1.20.70npm i @minecraft/server@1.10.0-beta.1.20.70-stable @minecraft/server-ui@1.2.0-beta.1.20.70-stable
v.1.20.80npm i @minecraft/server@1.11.0-beta.1.20.80-stable @minecraft/server-ui@1.2.0-beta.1.20.80-stable
v.1.21.0
npm i @minecraft/server@1.12.0-beta.1.21.0-stable @minecraft/server-ui@1.2.0-beta.1.21.0-stable
画像のようになれば成功です。
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-032134.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-032134.png)
⑤ VScodeで補完を確認してみよう。
![%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-032608.png](https://minecraft-mcworld.com/wp-content/uploads/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-03-26-032608.png)
参考URL
公式リファレンス
minecraft/server Module | Microsoft Learn
ディスコードサーバー
Script API 開発初心者コミュニティ
参考にしたサイト
マイクラの泉
コメント
あなたは神です。
助かる。情報が古かったりできないものが多かったから機能使えなかったけれどここ見てできるようになった。
「一度補完を入れたのに出ない」という方は、新しいTypeScriptフォルダがある場合があります。
② TypeScriptのフォルダを開こう。の手順から再度行ってみてください。
「更新しても古い補完しか出ない」という方はTypeScirptフォルダの外にあるファイルが補完に使われている場合があります。
vscode内の補完されているコードを、Ctrlを押しながらクリックすると補完のファイルに飛ぶことができます。
もしCドライブ直下や、onedriveなど、TypeScript外のファイルに飛んだ場合はそのファイル(フォルダ)を削除することで解決できます。