2024 年 Web 开发的 Sublime Text 设置

最后更新于 作者:

My Sublime Text Setup in 2024 for Web Development image

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 插件之外,以下是我不可或缺的插件:

如果你想使用文本编辑器作为主要驱动程序,那么使用像 PHPStan 这样的静态分析工具是必不可少的。你肯定会错过一些东西。但是,LSP 插件可以让你更好地关注这些问题。

代码片段

我喜欢代码片段,我建议开发人员拥有自己精心整理的代码片段集合,这些代码片段可以在一段时间内收集起来。我最常用的代码片段中有一些用于创建类方法。

pubf - creates a method with public visibility
prof - starts a snippet with protected visibility
prif - 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 开发者的工具链变得非常复杂,我渴望回到文本编辑器主要作用仅仅是“文本编辑”的时代。

Paul Redmond photo

Laravel 新闻的撰稿人。全栈 Web 开发人员和作家。

归档于
Cube

Laravel 时事通讯

加入 40,000 多名其他开发者,绝不错过新的技巧、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成和本地和生产环境的即时反馈进行微调。

Tinkerwell
No Compromises logo

无妥协

来自 No Compromises 播客的两位经验丰富的开发者 Joel 和 Aaron 现在可以为您的 Laravel 项目雇佣。⬧ 每月 7500 美元的固定价格。⬧ 没有冗长的销售流程。⬧ 没有合同。⬧ 100% 的退款保证。

无妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

正在运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

只需每月 2500 美元,即可让您项目与具有 4-6 年经验的资深 Laravel 开发人员合作。获得 160 小时的专业知识和 15 天的无风险试用期。立即安排电话!

Bacancy
Lucky Media logo

Lucky Media

立即获得 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 的电子商务。一个开源包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 职位板

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动套件

SaaSykit 是一个 Laravel SaaS 启动套件,包含运行现代 SaaS 所需的所有功能。支付、精美结账、管理面板、用户仪表板、身份验证、准备好的组件、统计、博客、文档等等。

SaaSykit: Laravel SaaS 启动套件
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,为成功企业提供助力。

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解灵活的现代数据库 MongoDB 如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库。

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包为您的 Laravel 应用程序添加评论

阅读文章