开发工具 SublimeText Web 开发在 2024

qinsicheng · 2024年06月16日 · 最后由 williamherry 回复于 2024年07月17日 · 1558 次阅读

随着 LSP 和 AI 发展的越来越完善,SublimeText 也可通过各类插件享受到新的福利,最近尝试使用 ST4(SublimeText4) 作为主开发工具,体验上还是很爽的,所以想给想尝试的朋友一些推荐。

为什么不用 Vscode,Jetbrains 等主流 IDE 工具?

​ 老实讲我感觉 ST 概念比较简单,很快,按钮少😂,但是功能上 IDE 肯定更全面,对新人更友善。每个人有自己在意的点,如果喜欢原先的开发工具也完全 OK,目前我通过插件将 ST 改成了一个简略版 IDE,对一些基础操作:git,sql,terminal,代码补全,定义/引用查找等功能已经集成的不错了,觉得 ST 是大家选择开发工具中的一个可选项。

Zed也很不错,不过还不太完善,所以感觉还等一段时间,很期待。

Plugins

插件统一通过Package Control下载即可

主题

视觉效果看着舒服是很重要的一个点,我目前尝试了:ayn,Material插件,感觉都不错,不过可能有些小细节,希望能自定义一下,比如注释代码的颜色,侧边栏字体大小,滚动块儿样式等等。

可以通过PackageResourceViewer插件,快速定位到插件样式定义文件,然后去修改

Git

  1. Git 插件
  2. GitGutter 插件
  3. Sublime Merge 软件

通过Git,GitGutter可以很方便在写代码时操作 Git,不过有时候遇到代码冲突,分支管理等操作还是不太方便,通过 Sublime Merge 可以无缝衔接增强。

命令行

  1. Terminal
  2. Terminus

可以通过绑定快捷键,快速打开命令行,但是我发现 ST 中的 Panel 默认只能打开一个 Shell。通过快捷键可以解决这个问题:

{
   "keys": [
      "alt+1"
   ],
   "command": "toggle_terminus_panel",
   "args": {
      "panel_name": "first-panel"
   },
},
{
   "keys": [
      "alt+2"
   ],
   "command": "toggle_terminus_panel",
   "args": {
      "panel_name": "second-panel"
   },
},

这样就可以通过快捷键,切换到不同的 shell 中了。

SQL

  1. SQLTools 插件

操作 SQL 的瑞士军刀,真的超级好用,提供 SQL 编写字段,表等补全功能,不过由于项目中没有 sql 文件,每次创建删除又很麻烦,需要注意 ST 原生的宏记录,对于创建新文件页面无效,我通过Multicommand插件,来编写宏:

// query_file.sublime-macro
{
    "cmd": ["new_file", "untitled.sql"],
    "args": {"syntax": "SQL"},
    "flags": ["window"]
}

文件操作

  1. AdvancedNewFile 快速创建文件
  2. Quick File Creator 快速指定目录创建文件
  3. SyncedSideBar ST 在文件切换时,侧边文件导航栏并不会定位到当前文件,通过该插件可以自动定位
  4. Local History 记录本地代码修改记录

AI 代码补全

  1. Codeium

配置简单,响应快速,智商还算在线,官网上说比 Copilot 强,个人免费。

LSP

  1. "LSP"
  2. "LSP-css"
  3. "LSP-eslint",
  4. "LSP-json",
  5. "LSP-typescript",
  6. "LSP-volar"

目前写 Ruby 用的 LSP 是solargraph,可以看文档自己去配置就好,sublime-lsp。再说一遍 LSP 真香!!!

配置同步

  1. Sync Settings

就是说在笔记本上 ST 的配置,想同步到台式机上,就可以通过该插件将配置同步到:gist.github.com


这一套下来,就基本上差不多了,像前端开发也会用Emmet插件,不过最近发现在写 Vue 时,常量的定义查找,标签组件的定义查找,都没用,只能通过文件名搜索查看,感觉还是不太方便,目前仍在找解决方案。

可以看出 ST 仍有一些不便之处,所以就得视情况而定去选择工具。为了某些优势,能容纳其他的问题。

最近想学着写写插件,前辈们有推荐的学习方式吗。

这... 都第四代了,Sublime 这团队的设计品位依然如此差。

Sublime 好像是个人开发的吧?

tcstory 回复

是的,不是开源的,也是竞争不过的一个点吧

2015-2019 年用过,后来就用 IDE 了

我说一个点,Sublime Text 比 VSCode 好,就是它的全局搜索是可以直接产生一个 Text Buffer,然后双击可以去不同的地方,VSCode 似乎只能出现在左侧,面积好小,上下文看起来远没有 Sublime Text 方便,而且全局搜索对我来说真的是一个高频操作。。

ericguo 回复

VSCode 也可以在编辑器打开全局搜索,看图:

Cursor 集成了 ChatGPT,还挺好用的

daqing 回复

嗯,我最近再用 cursor,慢慢过度,现在很分裂

最后通过各种插件来搞出一个 IDE。。。😂

ericguo 回复

可以往右侧把宽度拉长😀

总的来说还是 vscode 好用点把。

比如 Flutter 的上手教程基本把 vscode 作为第一 ide 了,比半个亲儿子 android studio 还重视。

有 remote 模式吗?

需要 登录 后方可回复, 如果你还没有账号请 注册新账号