2024 年 Web 开发的 Sublime Text 设置
最后更新于 作者: Paul Redmond
Sublime Text 在 2024 年仍然是一款强大的、可行的文本编辑器,我发现它极简、快速且高效。虽然我的 Sublime 设置的核心部分并没有太大改变,但我还是想分享我的设置细节,以及一些我在 2024 年不可或缺的基本插件。我在 2018 年写过关于我的 PHP 的极简 Sublime Text 3 设置 (时间过得真快),我仍然觉得我的核心体验在 2024 年与那时相似。我的目标是保持一个极简的设置。然而,我发现了一些非常有价值的插件,它们可以节省时间并提高我的效率。
我的主题
Sublime 有很多可用的主题,我尝试过许多主题,但最终选择了 Monokai Pro 主题。
我更喜欢 Octagon 版本,但所有版本都非常棒,我相信你会找到你喜欢的。这个主题需要付费许可,但在购买之前你可以试用它,并会收到购买许可证的弹出提醒。对我来说,大约 13 美元的价格非常值得。我还拥有 VS Code 的许可证,因为有时我会使用 VS Code 来完成特定任务(例如,Astro 在 VS Code 中有更好的体验),而且我喜欢在不同编辑器之间切换时主题的一致性。
除了 Monokai Pro,我还使用付费的 Operator Mono 字体(Book),我发现它是迄今为止我尝试过的最易读的编码字体。我还尝试过 JetBrains Mono,如果你不想花 200 多美元购买 Operator Mono,我会推荐这个字体。
字体大小和间距是一个个人喜好问题,但以下是我在 Sublime Text 中的字体相关设置。
{ "font_face": "Operator Mono Book", "font_size": 14, "line_numbers": true, "line_padding_bottom": 8, "line_padding_top": 8, "smart_indent": true, "spell_check": false, "tab_size": 4, "theme": "Monokai Pro (Filter Octagon).sublime-theme", "word_wrap": true, "scroll_past_end": true,}
我的插件
我不会列出我安装的每个插件,但我将重点介绍我认为对让 Sublime Text 在 2024 年成为绝佳的编辑体验至关重要的插件。我最近开始在 Sublime Text 中 使用语言服务器,这极大地提升了许多语言(由 Sublime LSP 包支持)的代码智能水平。
LSP PHP 包(我使用 Intelliphense)是我在 Sublime Text 中使用的唯一 PHP 插件。它完成了我的大部分需求,并且提供了比默认体验更好的代码智能。
除了 LSP 插件之外,以下是我不可或缺的插件:
- AdvancedNewFile 包,用于快速管理文件。
- EditorConfig 包,用于通过项目的
.editorconfig
文件进行自动配置。 - Laravel Blade 插件,用于 Blade 语法高亮。
- Vue 语法高亮 插件,用于 Vue 单文件组件。
如果你想使用文本编辑器作为主要驱动程序,那么使用像 PHPStan 这样的静态分析工具是必不可少的。你肯定会错过一些东西。但是,LSP 插件可以让你更好地关注这些问题。
代码片段
我喜欢代码片段,我建议开发人员拥有自己精心整理的代码片段集合,这些代码片段可以在一段时间内收集起来。我最常用的代码片段中有一些用于创建类方法。
pubf - creates a method with public visibilityprof - starts a snippet with protected visibilityprif - starts a snippet with protected visibility
以下是上面 pubf
代码片段的示例:
<snippet> <content><![CDATA[public function $1(){ $0}]]></content> <tabTrigger>pubf</tabTrigger> <scope>source.php</scope></snippet>
另一个我经常使用的代码片段是 test
代码片段(我用 Tab 键激活它),它会创建一个 phpunit
测试用例。
<snippet> <content><![CDATA[public function test_$1(){ $0}]]></content> <description>Create a PHPUnit Test Case</description> <tabTrigger>test</tabTrigger> <scope>source.php</scope></snippet>
你可以查看我的 paulredmond/sublime-snippets Sublime 代码片段插件。为了安装这个插件,我使用 git clone
git clone https://github.com/paulredmond/sublime-snippets \ ~/Library/Application\ Support/Sublime\ Text/Packages/User/sublime-snippets
你的用户包路径可能不同!你可以通过转到 **Sublime Text > 首选项 > 浏览包** 然后查找 **用户** 文件夹来找到它。你想要将代码片段复制/克隆到那个路径中。
版本控制
像 PhpStorm 和 VS Code 这样的编辑器集成了版本控制工具和其他用于可视化差异和提交代码的工具。我一直使用 CLI 来执行 Git 命令,因此在 Sublime Text 和终端之间切换并不令人反感。我使用 Git Mergetool 来查看差异和合并冲突。另一个建议是使用 GitHub Desktop。最后,Sublime 有一个名为 Sublime Merge 的配套应用程序,它将为你提供类似 Sublime 的版本控制体验。
了解更多
虽然一些开发者已经从 Sublime Text 转移了,但我仍然欣赏一个极简、朴实的文本编辑器。Web 开发者的工具链变得非常复杂,我渴望回到文本编辑器主要作用仅仅是“文本编辑”的时代。