Каковы ваши предложения по идеальной конфигурации Sublime Text 2 для разработки в HTML, CSS и JavaScript?

Sublime Text 2 не является полнофункциональным редактором с самого начала, но, похоже, имеет огромную силу за кулисами. Несмотря на то, что в Интернете есть много сообщений в блоге, в которых вы перечисляете списки пакетов, которые кажутся вам полезными на первый взгляд, вы затем узнаете во время кодирования, что вы ежедневно используете только несколько важных плагинов, в то время как некоторые из остальных даже вызывают проблемы с производительностью.

В Sublime Text 2 почти вся конфигурация выполняется путем создания и редактирования файлов конфигурации. Возможно, некоторые из вас уже настроили редактор для разработки в HTML, CSS и JavaScript таким образом, что он может делиться конфигурационными файлами и пошаговой инструкцией о том, что устанавливать (и какие документы читать). Поэтому мой вопрос:

Как вы настраиваете Sublime Text 2 для кодирования в HTML, CSS и JavaScript для повышения производительности?

подвопросы:

  • Какие конкретные изменения настроек вы находите существенными (например, вкладки не включены из коробки)?
  • Какие пакеты вы считаете существенными?
  • Как вы настраиваете такие функции, как проверка, проверка синтаксиса в реальном времени и подсказки кода?
  • Как вы синхронизируете редактор (настройки и пакеты) на двух машинах (используя Dropbox или что-то подобное)?

Не стесняйтесь добавлять дополнительные вопросы. Спасибо!

ОТВЕТЫ

Ответ 1

Я не вижу, как может быть один ответ на этот вопрос, поскольку он так сильно зависит от того, что вы делаете в то время.

Лично мне нравится Sublime из-за его гибкости и кросс-платформенной поддержки. Это уже достаточно IDE для многих задач без каких-либо изменений. Хотя я нашел с британской клавиатурой, вам нужно изменить комбинацию клавиш по умолчанию для включения и выключения консоли - ctrl-\работает для меня, ctrl-`- комбинация с мертвой клавишей.

Не уверен, что вы имеете в виду о вкладках? Это потому, что у вас включен режим отвлечения (полноэкранный)? Это меня смутило, я предпочитаю это. В противном случае вы, конечно же, получите вкладки по умолчанию. И мне нравятся возможности сплит-экрана.

То, что мне больше всего нравится, это то, что вы можете просто закрыть Sublime без необходимости спасать вещи! Я, как правило, сохраняю 3 или 4 несохраненных "документа", открытых как скремблеры - мне никогда не нужно беспокоиться о потере данных.

Сказав это, я хотел бы добавить несколько вещей:

  • Sublime Linter - linting для нескольких языков, включая JS и CSS. Хотя настройки по умолчанию немного корректируются.
  • BracketHighlighter
  • ChangeTracker - посмотрите, какие части файла изменились
  • Утилита оболочки (имеется несколько доступных)
  • Sublime v8 и Node - прямой доступ для запуска и кода lint
  • SFTP для удаленного доступа к файлам
  • Некоторые дополнения Markdown - еще лучше использовать Markdown
  • DocBlockr - помощник для блоков doc
  • Развернуть addin
  • Автоматическое резервное копирование
  • Кофе Script

Все эти (и более) могут быть установлены и управляться с помощью Sublime Packages

У меня также есть несколько дополнений пакета TextMate для таких вещей, как файлы Jade и Apache conf.

Для ваших вопросов:

Какие конкретные изменения настроек вы находите существенными (например, вкладки не включены из коробки)?

Измените переключатель консоли, как указано. Измените настройки по умолчанию для JS linting, чтобы использовать более современные стили.

Какие пакеты вы находите существенными?

Показанный выше

Как вы устанавливаете такие функции, как проверка, проверка синтаксиса в реальном времени и подсказки кода?

Просто установите плагины! JS linting слишком агрессивен по моему вкусу, см. Мои настройки в конце сообщения.

Как вы синхронизируете редактор (настройки и пакеты) на машинах (используя Dropbox или что-то подобное)?

Я этого не делаю. Мне это действительно не нужно. Я установил его на две коробки, одну Windows и одну Linux. У каждого есть несколько разные применения, поэтому я не беспокоюсь о синхронизации, я просто копирую настройки, если я хочу их. Dropbox synch будет достаточно легким, хотя, если это то, что вы хотели. Просто link папку Sublime settings в папку Dropbox. Возможно, не всегда работает межплатформенная платформа.

Ниже приведены измененные настройки 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} }
]

Ответ 2

Добавить кодирование Zen. (Теперь называется Emmet)

Это дает вам возможность писать 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>