screeps 系列教程

如果你刚完成了教学，兴致勃勃的打算开始殖民地建设之旅，或者是饱受游戏自带的代码编辑器的折磨。那么这篇文章就是你需要的，本篇文章将介绍如何使用更好的编辑器来编辑代码，以及如何添加代码补全。

“非 常 不 推 荐 使 用 游 戏 自 带 编 辑 器”

Screeps 有一个十分恶性的问题就是有时候会回滚或者重置代码，特别是在网络不好的情况下，你可能会遇到更新代码后游戏卡住，刷新页面后代码就消失了的糟糕情况。虽然这个几率并不高，但是在群里依旧有不少玩家遇到了这个问题，所以请尽快使用其他编辑器并使用 git 等工具进行代码备份。

使用 VSCode 及游戏客户端进行开发

VSCode 是一个非常轻量级的代码编辑器，只有几十 M 的体积，而且完全免费，一秒下载，两秒安装，非常适合用来 玩游戏 写代码。当然如果你想使用其他 IDE 的话也可以，继续阅读即可，下文中大部分内容都可以脱离 VSCode 独立进行。

首先点击这里来下载 VSCode：vscode 官方下载地址 ，下载完成后直接安装，然后打开即可，如下图：

VSCode

然后打开游戏 (网页版中没有该按钮 )，我们来获取我们写的代码的存放位置。只需要点击Script标签下方的Open local folder即可打开存放游戏的文件夹。

打开本地文件夹

不仅打开文件管理器窗口，游戏内也会弹出存放代码的目录，把这个目录在 VScode 中打开即可。

代码存放目录

如果还有什么不明白的话可以参考下面这个 gif ：

使用ide编辑代码.gif

在 VSCode 中打开之后无论是保存代码、新建文件还是删除文件，都会立刻同步到游戏里来。但是有一点一定需要注意：

不要在游戏没有启动的时候修改其中的代码！在游戏启动之后，游戏客户端会自动检查本地代码和服务端代码是否相同，如果不同的话会将你本地的代码覆盖！(覆盖前会有个提示，但是很多人会忽略提示直接确定)。如果你不想辛辛苦苦三十年，一夜回到解放前的话，不要在游戏没有启动的时候修改其中的代码。如果你确实想这么做的话，也可以参考 screeps 配置无需游戏客户端的开发环境。

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/lodash@3.10.1

这两条命令应该在哪里输入？

你可以在对应的游戏代码存放目录下通过 shift + 右键 并选择 在此处打开 PowerShell 窗口。或者直接在 VSCode 中 Ctrl + ~ 也可以直接打开输入命令的控制台（要先确保 VSCode 打开的就是游戏代码存放的窗口，不然你的依赖按照到其他地方就没有效果了）。

安装完成之后再打开 vscode 尝试一下，是不是已经有了自动补全了呢。按照惯例，接下来是 gif 版本：

自动补全.gif

总结

本文介绍了如何使用 vscode 进行开发，并通过安装screeps和lodash的types文件来实现了代码的自动补全。但是由于还是直接修改游戏目录，所以代码依旧有被清空的风险，你可以通过 screeps 使用 rollup 打包你的代码 来彻底解决这个问题。

想要查看更多教程？欢迎访问 《Screeps 中文教程》！