11

Sublime Text 2 从一开始就不是一个功能齐全的编辑器，但似乎在幕后拥有巨大的力量。虽然网上有很多博客文章为您提供乍一看似乎都很有用的软件包列表，但您在编码过程中会发现，您每天只使用少数必要的插件，而其余的一些甚至产生性能问题。

在 Sublime Text 2 中，几乎所有的配置都是通过创建和编辑配置文件来完成的。也许你们中的一些人已经设置了用于 HTML、CSS 和 JavaScript 开发的编辑器，这样就可以共享配置文件和关于安装什么（以及要阅读哪些文档）的分步说明。所以我的问题是：

您如何自定义 Sublime Text 2 以使用 HTML、CSS 和 JavaScript 进行编码以提高您的工作效率？

子问题：

  • 您认为哪些特定设置更改必不可少（例如，选项卡未开箱即用）？
  • 您认为哪些软件包必不可少？
  • 您如何设置验证、实时语法检查和代码提示等功能？
  • 你如何在两台机器上同步编辑器（设置和包）（使用 Dropbox 或类似的东西）？

随意添加更多子问题。谢谢！

4

2 回答 2

10

我看不出这个问题怎么会有一个单一的答案，因为它在很大程度上取决于你当时在做什么。

就个人而言，我喜欢 Sublime，因为它的灵活性和跨平台支持。它对于许多任务来说已经足够了，无需任何更改。虽然我发现使用英国键盘，但您必须更改默认组合键才能打开和关闭控制台 - ctrl-\ 对我有用， ctrl-` 是死键组合。

不知道你对标签的意思是什么？是因为您打开了无干扰（全屏）设置吗？这让我很困惑，我更喜欢它。否则，您肯定会默认获得标签。我喜欢分屏功能。

我最喜欢的事情是你可以关闭 Sublime 而无需保存东西！我倾向于将 3 或 4 个未保存的“文档”作为暂存器打开——我永远不必担心丢失数据。

说了这么多，我想补充几点：

  • Sublime Linter - 包括 JS 和 CSS 在内的多种语言的 linting。虽然默认设置需要稍微调整。
  • 支架荧光笔
  • ChangeTracker - 查看文件的哪些部分已更改
  • 一个 shell 实用程序（有几个可用的）
  • Sublime v8 & Node - 直接访问运行和 lint 代码
  • SFTP 用于直接远程访问文件
  • 一些 Markdown 插件 - 更好地使用 Markdown
  • DocBlockr - 文档块的助手
  • 一个差异插件
  • 自动备份
  • 咖啡脚本

所有这些（以及更多）都可以使用Sublime 包安装和管理

我还有一些用于 Jade 和 Apache conf 文件之类的 TextMate 捆绑插件。

对于您的子问题：

您认为哪些特定设置更改必不可少（例如，选项卡未开箱即用）？

如上所述更改控制台开关。更改 JS linting 的默认设置以允许更现代的样式。

您认为哪些软件包必不可少？

如上所示

您如何设置验证、实时语法检查和代码提示等功能？

只需安装插件！JS linting 对我来说有点过于激进，请参阅帖子末尾的设置。

你如何将编辑器（设置和包）同步到机器上（使用 Dropbox 或类似的东西）？

我不。我真的不需要这个。我将它安装在两台机器上，一台是 Windows，一台是 Linux。每个都有稍微不同的用途，所以我不担心同步，如果我想要的话，我只是复制设置。Dropbox 同步会很容易，但如果那是你想要的。只需link将 Sublime 设置文件夹放入 Dropbox 文件夹即可。不过，可能并不总是跨平台工作。

以下是更改后的 Sublime Linter 设置：

"sublimelinter_fill_outlines": true,
"jshint_options":
{
    "evil": true,
    "regexdash": true,
    "browser": true,
    "wsh": true,
    "trailing": false,
    "sub": true,
    "latedef": true,
    "newcap": true,
    "regexp": true,
    "laxcomma": true
},

这是控制台开关的用户键盘映射更改：

[
    { "keys": ["ctrl+\\"], "command": "show_panel", "args": {"panel": "console", "toggle": true} }
]
于 2012-07-13T11:57:33.830 回答
6

添加禅编码。（现在叫艾米特）

它使您有机会以非常快速且结构清晰的方式编写 HTML 代码。

http://code.google.com/p/zen-coding/

在这里，您可以获得有关它可以做什么以及下载它的链接的更多信息。

它使用短标签来编写 HTML 结构，因此您无需自己编写每个元素。

例如（链接中的示例）：

div#page>div.logo+ul#navigation>li*5>a

扩展为：

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>
于 2012-07-13T10:13:06.460 回答