【統合版】ScriptAPIでアドオンを作ろう #番外編 自動補完を入れよう

ブログ
#behavior #ScriptAPI.GameTest #統合版 #解説
さば２号
いいね！
読み込み中...
741(週:19 月:72) 0 1 14
投稿日：2024.03.26 更新日：2024.10.30
2024.03.26
スポンサーリンク

事前説明

こんにちは、さば２号です。

今回は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
%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

次のような画面が出れば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
④ npmコマンドで補完をインストールしよう。

プロンプトに次のコマンドを入力し実行しましょう。
アップデート次第で変更されるので気を付けましょう。

v.1.20.70
npm 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.80
npm 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
v.1.21.2
npm i @minecraft/server@1.14.0-beta.1.21.21-stable @minecraft/server-ui@1.3.0-beta.1.21.21-stable
v.1.21.31
npm i @minecraft/server@1.15.0-beta.1.21.31-stable @minecraft/server-ui@1.4.0-beta.1.21.31-stable
v.1.21.43
npm i @minecraft/server@1.16.0-beta.1.21.43-stable @minecraft/server-ui@1.4.0-beta.1.21.43-stable

※ベータ版ScriptAPIの補完です

画像のようになれば成功です。

%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

参考URL

公式リファレンス
minecraft/server Module | Microsoft Learn

ディスコードサーバー
Script API 開発初心者コミュニティ

参考にしたサイト
マイクラの泉

備忘録ブログ
さば２号のgametest(scriptAPI)備忘録

※投稿記事に含まれるファイルやリンクにより発生した被害についてクラフターズコロニーは責任を取りません
投稿通報

コメント

  1. 名前:リーゼント :投稿日：2024/03/31(日) 03:01:53 ID：Q5Mjk5MTY

    あなたは神です。

    返信
  2. 名前:ryk :投稿日：2024/04/06(土) 07:46:00 ID：A4OTE2Mzg

    助かる。情報が古かったりできないものが多かったから機能使えなかったけれどここ見てできるようになった。

    返信
  3. 名前:さば２号 :投稿日：2024/05/11(土) 19:30:47 ID：cwOTQyNDY

    「一度補完を入れたのに出ない」という方は、新しいTypeScriptフォルダがある場合があります。
    ② TypeScriptのフォルダを開こう。の手順から再度行ってみてください。

    返信
  4. 名前:さば２号 :投稿日：2024/06/14(金) 14:35:14 ID：QzOTc5MTM

    「更新しても古い補完しか出ない」という方はTypeScirptフォルダの外にあるファイルが補完に使われている場合があります。

    vscode内の補完されているコードを、Ctrlを押しながらクリックすると補完のファイルに飛ぶことができます。
    もしCドライブ直下や、onedriveなど、TypeScript外のファイルに飛んだ場合はそのファイル(フォルダ)を削除することで解決できます。

    返信
  5. 名前:匿名 :投稿日：2024/10/05(土) 19:42:40 ID：g3MTQ5NTk

    こちらはスマホでは無理でしょうか。

    返信
    • 名前:さば２号 :投稿日：2024/10/05(土) 19:47:55 ID：IwMTU3MDk

      私の知る限りではできません。

      返信
  6. 名前:匿名 :投稿日：2024/10/11(金) 00:33:41 ID：cxMzk5Njg

    ‘npm’ は、内部コマンドまたは外部コマンド、
    操作可能なプログラムまたはバッチ ファイルとして認識されていません。

    \AppData\Local\Microsoft\TypeScript\5.6>

    こうなってしまいます。

    返信
    • 名前:さば２号 :投稿日：2024/10/11(金) 09:59:28 ID：YxNTE4Mzc

      本記事の①でも書かれていますが、
      npmコマンドを使うには「node.js」というソフトウェアが必要です。

      node.jsのインストール方法は調べればたくさんあるので、それを見てみてください。

      返信
      • 名前:匿名 :投稿日：2024/10/11(金) 18:36:43 ID：cxMzk5Njg

        インストールしたはずです。

        返信
      • 名前:さば２号 :投稿日：2024/10/11(金) 18:40:16 ID：YxNTE4Mzc

        次の２つのコマンドを実行してみてください。
        これはnodeとnpmのバージョンを確認するコマンドです。エラーが出ればインストールできていません。
        node -v
        npm -v

        返信
        • 名前:匿名 :投稿日：2024/10/11(金) 18:49:23 ID：cxMzk5Njg

          エクスプロ―らーのですかね？どちらもサイトが開いてしまいます。

          返信
        • 名前:匿名 :投稿日：2024/10/11(金) 18:52:43 ID：cxMzk5Njg

          保護者の許可の画面がでていいえおしましたがきちんとフィニッシュがでました。もう何回もやってますが駄目です。

          返信
        • 名前:さば２号 :投稿日：2024/10/11(金) 19:04:20 ID：kzODgyNzA

          Windowsの検索バーに「cmd」と入力すると「コマンドプロンプト」というものが出てくるので、そこで実行してくださいz

          返信
          • 名前:匿名 :投稿日：2024/10/18(金) 12:35:12 ID：A5NDgwNDg

            インストールできたはずです。

            added 4 packages, and audited 5 packages in 6s

            found 0 vulnerabilities
            npm notice
            npm notice New minor version of npm available! 10.8.2 -> 10.9.0
            npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.9.0
            npm notice To update run: npm install -g npm@10.9.0
            npm notice

            このような表示が追加ででました。翻訳すると瓶弱性がなんたらかんたらかいてありました。これはなんでしょうか？

コメント通報