# 01. 配置开发环境

在本章节，我们将配置我们的开发环境，该环境将在本指南的剩余部分中使用。

如果您以前有过 Node.js 生态系统的相关经验，这部分应该是相当标准化和直白的。

如果您没有接触过，那么在一开始这些东西看起来可能会有些让人应接不暇，有时您可能需要在 Google 上搜索相关信息（译者注：也许你需要百度？CSDN？算了，还是 Bing 吧），去了解不在本指南讲解范围内的 Node.js 生态系统的诸多细节。但是，如果您只是用 Sonolus.js 进行开发，您并不需要对这些有很深的理解。

# 仓库

本指南中使用的源代码仓库在GitHub上。

每个章节都有自己的分支和两个变种（TypeScript 或 JavaScript，看您喜欢哪种），建议在阅读本指南的同时根据章节切换到对应的分支。

# 安装/升级 Node.js

第一步是下载和安装最新稳定版的 Node.js。

要验证您已成功安装，请在终端中执行：

node -v

或

npm -v

如果您能看到它们的版本号，那么这一部分就都做好了。

# 初始化项目

以下是若干 Sonolus.js 用于 bootstrap 的模板项目：

• JS
• JS + ESLint + Prettier
• TS
• TS + ESLint + Prettier

举个例子，如果要使用 TS + ESLint + Prettier 的模板：

npx degit Sonolus/sonolus.js-template-ts-eslint-prettier my-project

cd my-project
npm i

请阅读README.md来获取更多有关于你要使用的模板的信息。

# 启动开发服务器

在项目目录下运行：

npm run dev:play

一个开发服务器应该已经启动并运行了，您可以使用 Sonolus 应用程序连接上去。

在 Sonolus 设置中，您应该：

• 在缓存设置中：打开始终重新验证。
• 在开发者设置中：打开调试模式。

在开始开发关卡之前，您应该：

• 在关卡配置中：选择皮肤等资源。

如果您能够游玩开发关卡，那么您就已经准备就绪，可以开始使用 Sonolus.js 进行开发了！