screeps 使用VSCode進行開發並添加自動補全

如果你剛完成了教學,興致勃勃的打算開始殖民地建設之旅,或者是飽受遊戲自帶的代碼編輯器的折磨。那麼這篇文章就是你需要的,本篇文章將介紹如何使用更好的編輯器來編輯代碼,以及如何添加代碼補全。

使用VSCode及遊戲客戶端進行開發

VSCode 是一個非常輕量級的代碼編輯器,只有幾十 M 的體積,而且完全免費,一秒下載,兩秒安裝,非常適合用來 玩遊戲 寫代碼。當然如果你想使用其他 IDE 的話也可以,繼續閱讀即可,下文中大部分內容都可以脫離 VSCode 獨立進行。

首先點擊這裏來下載 VSCode:vscode 官方下載地址 ,下載完成後直接安裝,然後打開即可,如下圖:

然後打開遊戲,我們來獲取我們寫的代碼的存放位置。只需要點擊Script標籤下方的Open local folder即可打開存放遊戲的文件夾。

不僅打開文件管理器窗口,遊戲內也會彈出存放代碼的目錄,把這個目錄在 VScode 中打開即可。

如果還有什麼不明白的話可以參考下面這個 gif :

在 VSCode 中打開之後無論是保存代碼、新建文件還是刪除文件,都會立刻同步到遊戲裏來。ok,接下來我們添加下自動補全。

添加自動補全

由於 vscode 並沒有內置對 screeps 的代碼補全,所以我們需要手動進行添加。在正式動手前,我們要了解如下幾個概念:

概念 介紹
nodejs js的“本地”版本,有了nodejs之後你就可以脫離瀏覽器在本地執行js代碼了。
npm nodejs 的第三方包管理器,世界上有很多人在開發屬於 nodejs 的插件,你可以用npm來下載使用他們,安裝 nodejs 時會自帶npm
@typs @types是 TypeScript 的聲明文件。vscode 可以使用這個文件來提供自動補全支持,可以通過 npm 來下載@types文件。

瞭解了這些之後我們就可以添加自動補全了,先通過 nodejs - 官方下載 來下載安裝 nodejs。安裝完成後執行如下命令給 npm 換國內源:

npm config set registry https://registry.npm.taobao.org

然後 打開遊戲代碼存放目錄,執行如下命令安裝聲明文件

npm install @types/screeps @types/[email protected]

安裝完成之後再打開 vscode 嘗試一下,是不是已經有了自動補全了呢。按照慣例,接下來是 gif 版本:

總結

本文介紹瞭如何使用 vscode 進行開發,並通過安裝screepslodashtypes文件來實現了代碼的自動補全。如果你對如何脫離遊戲客戶端進行開發感興趣的話,可以點擊這篇文章瞭解詳情:screeps 配置無需遊戲客戶端的開發環境

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章