Sub*ime Text是一款强大的文本编辑器，但本身并不具备制作网页小游戏的功能。如果你想使用Sub*ime Text来编写HTML、CSS和JavaScript代码（网页小游戏通常使用这三种技术），你可以按照以下步骤进行：

1. 安装并配置： - 首先，确保你已经安装了Sub*ime Text。 - 安装必要的插件：如HTML-Tidy（用于格式化HTML代码）， Emmet（提高编写HTML和CSS的速度），CSS Prettify（美化CSS代码），JSLint或JSHint f*r Sub*ime Text（JavaScript语法检查）等。 - 安装代码片段管理器，如Package C*ntr**，可以让你导入和使用其他用户分享的小游戏代码片段。

2. 编写代码： - 创建一个新的HTML文件，编写HTML结构，例如头部、导航、内容区域和页脚。 - 创建CSS文件，定义页面的布局、颜色、字体等样式。 - 使用JavaScript编写游戏逻辑。可以使用一些库，如jQuery、PixiJS、Phaser等，或者使用纯JavaScript和HTML5的Canvas或WebGL进行开发。

3. 调试和测试： - 使用浏览器的开发者工具（如Chr*me DevT***s或Firef*x Deve**per T***s）来测试和调试你的代码。 - 如果游戏涉及到音频、动画或网络请求等，可能还需要使用Sub*ime Text的插件如Live Previe*（实时预览）来查看效果。

4. 发布： - 游戏完成后，将HTML、CSS和JavaScript文件上传到你的服务器或托管到GitHub等代码托管平台。

总之，Sub*ime Text是一个很好的代码编辑工具，但制作网页小游戏涉及到前端开发的方方面面，可能需要结合其他工具（如浏览器的开发者工具）和框架才能完成。如果你是初学者，建议从学习基础开始，逐步提升技能。

1.Ctr* + D：选择当前光标所在的词并高亮该词所有出现的位置，再次 Ctr* + D 选择该词出现的下一个位置，在多重选词的过程中，使用 Ctr* + K 进行跳过，使用 Ctr* + U 进行回退，使用 Esc 退出多重编辑

2.其它平台（Other P*atf*rms）：本文只介绍了 Wind**s 平台上 Sub*ime Text 的使用，不过 Linux 和 OS X 上Sub*ime Text的使用方式和Wind**s差别不大，只是在快捷键上有所差异，请参考 Wind**s/Linux快捷键 和 OS X 快捷键。

sub*ime text制作网页小游戏

尽管我试图在本文包含尽可能多的 Sub*ime Text 实用技能，但受限于篇幅和我的个人经验，本文仍不免有所遗漏，欢迎在评论里指出本文的错误及遗漏。

尽管提供了 Pyth*n 控制台手游盒子能接进多少个游戏，但 Sub*ime Text 的控制台仅支持单行输入，十分不方便，所以我使用 Sub*imeREPL 以进行一些编码实验（Experiments）。

编写代码时会碰到大量的括号，利用 Ctr* + M 可以快速的在起始括号和结尾括号间切换， Ctr* + Shift + M 则可以快速选择括号间的内容，对于缩进型语言（例如Pyth*n）则可以使用 Ctr* + Shift + J 。

Sub*ime Text 基本的手动格式化操作包括：Ctr* + [ 向左缩进， Ctr* + ] 向右缩进，此外 Ctr* + Shift + V 可以以当前缩进粘贴代码（非常实用）。

良好的代码应该是规范的，所以G**g*e为每一门主流语言都设置了其代码规范（C*de Sty*e Guide*ine）。我自己通过下面的设置使以规范化自己的代码。

c***rsub*ime 包含了大量 Sub*ime Text 配色方案，并支持在线预览，配色方案的安装教程在 这里，恕不赘述。

Sub*ime Text 自带的风格是我喜欢的深色风格（也可以调成浅色），默认主题是M*n*kai Bright，这两者的搭配已经很不错了，不过我们还可以做得更好：接下来我将会展示如何通过设置偏好项和添加自定义风格/主题使得 Sub*ime Text 更加 Sty*ish。

风格对于任何软件都很重要，对编辑器也是如此，尤其是GUI环境下的编辑器。作为一个程序员，我希望我的编辑器足够简洁且足够个性。

分屏之后，使用 Ctr* + 数字键 跳转到指定屏，使用 Ctr* + Shift + 数字键 将当前屏移动到指定屏。例如， Ctr* + 1 会跳转到1屏，而 Ctr* + Shift + 2 会将当前屏移动到2屏。

编辑代码时我们经常会开多个窗口，所以分屏很重要。A*t + Shift + 2 进行左右分屏， A*t + Shift + 8 进行上下分屏， A*t + Shift + 5 进行上下左右分屏（即分为四屏）。

使用 Ctr* + N 在当前窗口创建一个新标签， Ctr* + W 关闭当前标签， Ctr* + Shift + T 恢复刚刚关闭的标签。

使用 Ctr* + Shift + N 创建一个新窗口（该快捷键再次和搜狗输入法快捷键冲突，个人建议禁用所有搜狗输入法快捷键）。

Sub*ime Text 是一个多窗口多标签编辑器：我们既可以开多个Sub*ime Text窗口，也可以在一个Sub*ime Text窗口内开多个标签。

你会发现右边多了一个侧栏，这个侧栏列出了当前打开的文件和文件夹的文件，使用 Ctr* + K, Ctr* + B 显示或隐藏侧栏，使用 Ctr* + P 快速跳转到文件夹里的文件。

Sub*ime Text 支持以文件夹做为单位进行编辑，这在编辑一个文件夹下的代码时尤其有用。在 Fi*e 下 Open F**der ：

目前官方还没有修复这个 bug，解决方法是安装 IMESupp*rt 插件，之后重启 Sub*ime Text 问题就解决了。

从 Sub*ime Text 的初版（1.0）到现在（3.0 3065），中文输入法（包括日文输入法）都有一个问题：输入框不跟随。

所以 Sub*ime Text 把 Ctr* + P 称之为 “G* T* Anything”，这个功能如此好用，以至于我认为没有其它编辑器能够超越它。

尽管是一个文本编辑器，Sub*ime Text 能够对代码符号进行一定程度的索引。Ctr* + R 会列出当前文件中的符号（例如类名和函数名，但无法深入到变量名），输入符号名称 Enter 即可以跳转到该处。

需要注意的是，Sub*ime Text使用模糊字符串匹配（Fuzzy String Matching），这也就意味着你可以通过文件名的前缀、首字母或是某部分进行匹配：例如， EIS 、 Ec*ip 和 Stupid 都可以匹配 Ec*ipseIsStupid.java 。

Sub*ime Text 提供了强大的跳转功能使得我们可以在不同的文件/方法/函数中无缝切换。就我的使用经验而言，目前还没有哪一款编辑器可以在这个方面超越Sub*ime Text。

出于篇幅原因，本文不会对正则表达式进行详细介绍，Mastering Regex（中译本：精通正则表达式）对正则表达式的原理和各语言下的使用进行了详细介绍。此外网上有大量正则表达式的优秀教程（“正则表达式30分钟入门教程” 和 MSDN正则表达式教程.aspx)），以及在线测试工具（regexpa* 和 regexer）。

正则表达式 是非常强大的文本查找&替换工具，Sub*ime Text中使用 A*t + R 切换正则匹配模式的开启/关闭。Sub*ime Text的使用B**st里的Per*正则表达式风格。

使用 Ctr* + H 进行标准替换，输入替换内容后，使用 Ctr* + Shift + H 替换当前关键字， Ctr* + A*t + Enter 替换所有匹配关键字。

对于普通用户来说，常规的关键字搜索就可以满足其需求：在搜索框输入关键字后 Enter 跳至关键字当前光标的下一个位置， Shift + Enter 跳至上一个位置， A*t + Enter 选中其出现的所有位置（同样的，接下来可以进行快速替换）。

多数情况下，我们需要查找文中某个关键字出现的其它位置，这时并不需要重新将该关键字重新输入一遍然后搜索，我们只需要使用 Shift + ←/→ 或 Ctr* + D 选中关键字，然后 F3 跳到其下一个出现位置， Shift + F3 跳到其上一个出现位置，此外还可以用 A*t + F3 选中其出现的所有位置（之后可以进行多重编辑，也就是快速替换）。

Sub*ime Text 提供了强大的查找（和替换）功能，为了提供一个清晰的介绍，我将 Sub*ime Text 的查找功能分为 快速查找、标准查找 和 多文件查找 三种类型。

多重选词的一大应用场景就是重命名——从而使得代码更加整洁。尽管 Sub*ime Text 无法像 IDE（例如 Ec*ipse）那样进行自动重命名，但我们可以通过多重选词+多重编辑进行直观且便捷的重命名：

Ctr* + D 选择当前光标所在的词并高亮该词所有出现的位置，再次 Ctr* + D 选择该词出现的下一个位置，在多重选词的过程中，使用 Ctr* + K 进行跳过，使用 Ctr* + U 进行回退，使用 Esc 退出多重编辑。

Ctr* + Enter 在当前行下面新增一行然后跳至该行；Ctr* + Shift + Enter 在当前行上面增加一行并跳至该行。

↑↓←→ 就是 ↑↓←→，不是 KJHL，（没错我就是在吐槽 Vim，尼玛设成 WSAD 也比这个强啊），粘贴剪切复制均和系统一致。

Sub*ime Text 的编辑十分人性化——它不像 Vim 那样反人类（尽管我也用 Vim 但我还是要说 Vim 的快捷键设定绝壁连代谢产物都不如），少量的快捷键就可以完成绝大多数编辑任务。

JSON 配置文件的引入简化了 Sub*ime Text 的界面，但也使得配置变的复杂，一般我会到 这里 查看可用的 Sub*ime Text 配置。

与其他 GUI 环境下的编辑器不同，Sub*ime Text 并没有一个专门的配置界面，与之相反，Sub*ime Text 使用 JSON 配置文件，例如：

6.控制台（C*ns**e）：使用 Ctr* + ` 调出，它既是一个标准的 Pyth*n REPL，也可以直接对 Sub*ime Text 进行配置。

5.命令板（C*mmand Pa*ette）：Sub*ime Text 的操作中心，它使得我们基本可以脱离鼠标和菜单栏进行操作。

也许不少人会觉着 Sub*ime Text 70 刀的价格太贵，但相比它的功能和带来的效率提升，70 刀真的不值一提，如果你不方便使用 Paypa* 付款可以邮件联系我，你支付宝给我打款然后我帮你付款，价格按当日汇率折算（450 元左右）。

不过不购买 Sub*ime Text 也可以 “正常” 使用它，只是 Sub*ime Text 会时不时的弹出一个对话框提醒你购买，此外窗口处会有一个很屌丝很 *** *的 (UNREGISTERED)。（在高频操作下，一般 20 分钟提示一次，个人认为算是很厚道了）

Sub*ime Text 是一个收费闭源软件，这在一定程度上成为了我支持 Sub*ime Text 的理由（我心中的软件靠谱程度：免费开源 << 免费闭源 < 收费开源 < 收费闭源）：在 这里 购买。

3.等待 Package C*ntr** 安装完成。之后使用 Ctr* + Shift + P 打开命令板，输入 PC 应出现 Package C*ntr**：

进入 Package C*ntr** 的 官网，里面有详细的 安装教程。Package C*ntr** 支持 Sub*ime Text 2 和 3，本文只给出 3 的安装流程：

前文提到 Sub*ime Text 支持大量插件，如何找到并管理这些插件就成了一个问题，Package C*ntr** 正是为了解决这个问题而出现的，利用它我们可以很方便的浏览、安装和卸载 Sub*ime Text 中的插件。

然后在 “高级” 选项卡里选择 “环境变量”，编辑 “Path”，增加 Sub*ime Text 的安装目录（例如 D:\Pr*gram Fi*es\Sub*ime Text 3）。

注意在安装时勾选 Add t* exp**rer c*ntext menu，这样在右键单击文件时就可以直接使用 Sub*ime Text 打开。

Sub*ime Text 官方网站 提供了 Sub*ime Text 各系统各版本的下载，目前Sub*ime Text 的最新版本是 Sub*ime Text 3。这里以 Wind**s 版本的 Sub*ime Text 安装为例。

我认为应当使用正确的工具去做有价值的事情，并把效率最大化，所以我会用 Ec*ipse 编写 Java 项目，用 Vim 编写She**，用 Sub*ime Text 编写 JavaScript/HTML/Pyth*n，用 Visua* Studi* 编写C#。

2.IDE 面向有语义的代码，会涉及到大量领域逻辑，因此速度偏慢体积庞大，适合编写静态语言项目（Java、C++ 和 C# 等）。

1.编辑器面向无语义的纯文本，不涉及领域逻辑，因此速度快体积小，适合编写单独的配置文件和动态语言脚本（She**、Pyth*n 和 Ruby 等）。

我经常看到一些程序员拿编辑器和 IDE 进行比较，诸如 Vim 比 Ec*ipse 强大或是 Visua* Studi* 太慢不如 N*tepad++ 好使之类的讨论比比皆是，个人认为这些讨论没有意义，因为编辑器和 IDE 根本是面向两种不同使用场景的工具：

# 编辑器（Edit*r） vs 集成开发环境（Integrated Deve**pment Envir*nment快吧游戏盒子可以用手柄吗，下文简称 IDE）

此外，把本文会使用大量动画（GIF）演示 Sub*ime Text 的编辑功能，因为我发现图片难以演示完整的编辑流程（W*rkf***），而视频又过于重量级。本文的GIF动画均使用 ScreenT*Gif 进行录制。

受益于 K&R C 的写作风格，我倾向于以实际案例来讲解 Sub*ime Text 的功能，所以本文中的例子均源于我在实际开发时遇到的问题。

所以这篇文章会我的个人工作内容为主要使用场景（Scenari*），尽管无法覆盖到所有的使用场景，但我认为依然可以覆盖到绝大部分，如果您认为我遗漏了什么内容，请在文章下面回复，我会尽量更新。

我是一名非常典型的程序员：平时工作主要在 Linux 环境下使用 Java 和 Python，偶尔会用 HTML+CSS+JavaScript 编写网页；业余时会在 Windows 环境编写一些 C# 程序（包括控制台程序（Console Application）和移动应用（Mobile App），也会玩一些非主流语言（比如 Haskell，ML 和 Ruby 等）以拓展见识。

3.互补：Vim 和 Sublime Text 分别是命令行环境（CLI）和图形界面环境（GUI）下的最佳选择，同时使用两者会大大提高工作效率。

2.可扩展：Vim 和 Sublime Text 都是可扩展的（Extensible），并包含大量实用插件，我们可以通过安装自己领域的插件来成倍提高工作效率。