如果你剛完成了教學,興致勃勃的打算開始殖民地建設之旅,或者是飽受遊戲自帶的代碼編輯器的折磨。那麼這篇文章就是你需要的,本篇文章將介紹如何使用更好的編輯器來編輯代碼,以及如何添加代碼補全。
使用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 進行開發,並通過安裝screeps
和lodash
的types
文件來實現了代碼的自動補全。如果你對如何脫離遊戲客戶端進行開發感興趣的話,可以點擊這篇文章瞭解詳情:screeps 配置無需遊戲客戶端的開發環境