对于HTML、CSS和JavaScript开发的理想Sublime Text 2配置,您有什么建议?

对于HTML、CSS和JavaScript开发的理想Sublime Text 2配置,您有什么建议?,javascript,html,css,configuration,sublimetext2,Javascript,Html,Css,Configuration,Sublimetext2,Sublime Text 2从一开始就不是一个功能齐全的编辑器,但在幕后似乎拥有巨大的力量。虽然网上有很多博客文章给你提供了一系列乍一看似乎都很有用的软件包,但是在编写代码的过程中,你会发现,你每天只使用一大堆基本插件,而其他一些插件甚至会产生性能问题 在Sublime Text 2中,几乎所有配置都是通过创建和编辑配置文件完成的。也许你们中的一些人已经用HTML、CSS和JavaScript设置了开发编辑器,这样就可以共享配置文件和关于安装什么(以及读取哪些文档)的分步说明。所以我的问题是:

Sublime Text 2从一开始就不是一个功能齐全的编辑器,但在幕后似乎拥有巨大的力量。虽然网上有很多博客文章给你提供了一系列乍一看似乎都很有用的软件包,但是在编写代码的过程中,你会发现,你每天只使用一大堆基本插件,而其他一些插件甚至会产生性能问题

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

您如何定制Sublime Text 2以使用HTML、CSS和JavaScript进行编码,从而提高您的工作效率

分问题:

  • 您认为哪些特定的设置更改是必要的(例如,未启用开箱即用的选项卡)
  • 您认为哪些软件包是必需的
  • 如何设置验证、实时语法检查和代码提示等功能
  • 如何在两台机器上同步编辑器(设置和包)(使用Dropbox或类似工具)
请随意添加更多的子问题。谢谢

添加Zen编码。(现称为埃米特)

它让您有机会以干净的结构快速编写HTML代码

这里有更多关于它可以做什么的信息以及下载它的链接

它使用短标记来编写HTML结构,因此您不需要自己编写每个元素

例如(链接中的示例):

扩展到:

<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>


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

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

不知道你说的标签是什么意思?是否因为您已打开“无分心”(全屏)设置?这让我很困惑,我宁愿把它关掉。否则,默认情况下您肯定会获得选项卡。我喜欢分屏功能

不过我最喜欢的是,你可以不用保存东西就直接关闭Sublime!我倾向于将3或4个未保存的“文档”作为草稿纸打开—我从不需要担心丢失数据

话虽如此,我想补充几点:

  • -多种语言的linting,包括JS和CSS。尽管默认设置需要稍微调整
  • -查看文件的哪些部分已更改
  • 一个shell实用程序(有几个可用)
  • &-直接访问运行和lint代码
  • 用于直接远程访问文件的SFTP
  • 一些降价插件-使使用降价变得更好
  • -文档块的助手
  • 不同的
  • 自动备份
  • 咖啡剧本
所有这些(以及更多)都可以通过安装和管理

我还为Jade和apacheconf文件提供了一些TextMate捆绑插件

对于您的子问题:

您认为哪些特定的设置更改是必要的(例如,未启用开箱即用的选项卡)

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

您认为哪些软件包是必需的

如上所示

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

只需安装插件!JS linting对我来说有点太过火了,请参阅文章末尾的我的设置

如何将编辑器(设置和软件包)同步到计算机上(使用Dropbox或类似工具)

我不知道。我真的不需要这个。我把它安装在两个盒子上,一个是Windows,一个是Linux。每一个都有稍微不同的用途,所以我不担心同步,只要复制设置就可以了。如果这是你想要的,Dropbox同步会很容易。只需
升华设置文件夹链接到dropbox文件夹。但可能并不总是跨平台工作


以下是已更改的Supreme 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} }
]

非常感谢你详细的回答!我知道这个问题似乎是主观的(见近距离投票),我不希望只有一个答案是正确的。有时,多个不同且重叠的答案最有助于解决问题。我只是希望帮助那些试图建立一个高效的发展环境并通过Supreme fast获得高效的人,其中包括我和其他人(请参阅Upvots)。再次感谢您在这方面的贡献!不用担心,我真的很喜欢Supreme,我很乐意帮助别人看到它的好处。回答很好Julian,很遗憾我只能对这样一个建设性的答案投一次票。。。顺便说一句,您使用的是什么diff插件?@opensas:取决于平台;)Windows上的标准WinDiff是我主要工作的地方。谢谢你的好话。这真是太神奇了,它允许你不用任何努力就可以通过多种组合添加更复杂的数据。我还没有停止使用它:DJust为了保持链接的更新:Zen编码现在被称为Emmet io:您可以在这里找到Emmet插件,用于Sublime文本:
[
    { "keys": ["ctrl+\\"], "command": "show_panel", "args": {"panel": "console", "toggle": true} }
]