如果你剛完成了教學，興致勃勃的打算開始殖民地建設(shè)之旅，或者是飽受游戲自帶的代碼編輯器的折磨。那么這篇文章就是你需要的，本篇文章將介紹如何使用更好的編輯器來編輯代碼，以及如何添加代碼補全。
“非 常 不 推 薦 使 用 游 戲 自 帶 編 輯 器”
Screeps 有一個十分惡性的問題就是有時候會回滾或者重置代碼，特別是在網(wǎng)絡(luò)不好的情況下，你可能會遇到更新代碼后游戲卡住，刷新頁面后代碼就消失了的糟糕情況。雖然這個幾率并不高，但是在群里依舊有不少玩家遇到了這個問題，所以請盡快使用其他編輯器并使用 git 等工具進行代碼備份。
使用 VSCode 及游戲客戶端進行開發(fā)
VSCode 是一個非常輕量級的代碼編輯器，只有幾十 M 的體積，而且完全免費，一秒下載，兩秒安裝，非常適合用來 玩游戲 寫代碼。當然如果你想使用其他 IDE 的話也可以，繼續(xù)閱讀即可，下文中大部分內(nèi)容都可以脫離 VSCode 獨立進行。
首先點擊這里來下載 VSCode：vscode 官方下載地址 ，下載完成后直接安裝，然后打開即可，如下圖：
然后打開游戲 (網(wǎng)頁版中沒有該按鈕 )，我們來獲取我們寫的代碼的存放位置。只需要點擊Script標簽下方的Open local folder即可打開存放游戲的文件夾。
不僅打開文件管理器窗口，游戲內(nèi)也會彈出存放代碼的目錄，把這個目錄在 VScode 中打開即可。
如果還有什么不明白的話可以參考下面這個 gif ：
在 VSCode 中打開之后無論是保存代碼、新建文件還是刪除文件，都會立刻同步到游戲里來。但是有一點一定需要注意：
不要在游戲沒有啟動的時候修改其中的代碼！在游戲啟動之后，游戲客戶端會自動檢查本地代碼和服務(wù)端代碼是否相同，如果不同的話會將你本地的代碼覆蓋！(覆蓋前會有個提示，但是很多人會忽略提示直接確定)。如果你不想辛辛苦苦三十年，一夜回到解放前的話，不要在游戲沒有啟動的時候修改其中的代碼。如果你確實想這么做的話，也可以參考 screeps 配置無需游戲客戶端的開發(fā)環(huán)境。
ok，接下來我們添加下自動補全。
添加自動補全
由于 vscode 并沒有內(nèi)置對 screeps 的代碼補全，所以我們需要手動進行添加。在正式動手前，我們要了解如下幾個概念：
| 概念 | 介紹 |
|---|---|
| nodejs |
js的“本地”版本，有了nodejs之后你就可以脫離瀏覽器在本地執(zhí)行js代碼了。 |
| npm | nodejs 的第三方包管理器，世界上有很多人在開發(fā)屬于 nodejs 的插件，你可以用npm來下載使用他們，安裝 nodejs 時會自帶npm。 |
| @typs |
@types是 TypeScript 的聲明文件。vscode 可以使用這個文件來提供自動補全支持，可以通過 npm 來下載@types文件。 |
了解了這些之后我們就可以添加自動補全了，先通過 nodejs - 官方下載 來下載安裝 nodejs。安裝完成后執(zhí)行如下命令給 npm 換國內(nèi)源：
npm config set registry https://registry.npm.taobao.org
然后 打開游戲代碼存放目錄，執(zhí)行如下命令安裝聲明文件 ：
npm install @types/screeps @types/lodash@3.10.1
這兩條命令應(yīng)該在哪里輸入？
你可以在對應(yīng)的游戲代碼存放目錄下通過
shift + 右鍵并選擇 在此處打開 PowerShell 窗口。或者直接在 VSCode 中Ctrl + ~也可以直接打開輸入命令的控制臺（要先確保 VSCode 打開的就是游戲代碼存放的窗口，不然你的依賴按照到其他地方就沒有效果了）。
安裝完成之后再打開 vscode 嘗試一下，是不是已經(jīng)有了自動補全了呢。按照慣例，接下來是 gif 版本：
總結(jié)
本文介紹了如何使用 vscode 進行開發(fā)，并通過安裝screeps和lodash的types文件來實現(xiàn)了代碼的自動補全。但是由于還是直接修改游戲目錄，所以代碼依舊有被清空的風險，你可以通過 screeps 使用 rollup 打包你的代碼 來徹底解決這個問題。
想要查看更多教程？歡迎訪問 《Screeps 中文教程》！
