Screeps 使用VSCode进行开发并添加自动补全

screeps 系列教程

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

使用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/[email protected]

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

自动补全.gif

总结

本文介绍了如何使用 vscode 进行开发，并通过安装screeps和lodash的types文件来实现了代码的自动补全。如果你对如何脱离游戏客户端进行开发感兴趣的话，可以点击这篇文章了解详情：screeps 配置无需游戏客户端的开发环境。

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