Установка плагинов на Sublime Text 2

Установка плагинов на Sublime Text 2

Я решил перейти на Sublime Text с Macromedia Dreamweaver. Связано это с тем что хочу освоить Less и в целом улучшить эффективность работы при разработке сайтов. До этого я использовал Dreamweaver. В поиска замены ему нашел только один достойный вариант — это Sublime Text 2. У него отличный красивый и удобный интерфейс.

В этой статье я описал процедуру установки плагинов на Sublime Text 2. Процедура простая, но с первого раза я ее не осилил. Поэтому решил поделиться подробной инструкцией.

Устанавливаем Sublime Text. Скачиваем подходящую версию с официального сайта — http://www.sublimetext.com/

Устанавливаем. Запускаем. В меню Preferences — Color Scheme можно выбрать тему оформления. Я выбрал Solarized (Light), т.к. после Dreamweaver привычно работать на светлом фоне. Теперь можно начинать работать, но интереснее установить плагины который помогут работать быстрее и эффективнее.

Установка плагинов на Sublime Text 2

Для удобной установки плагинов установите Sublime Package Control. Для этого жмем Ctrl + `  (Ctrl + тильда).

Вот клавиша консоли на клавиатуре:

Клавиша тильда - или клавиша консоли - клавиша `

 

Вот так выглядит консоль на Sublime Text 2:

Консоль на Sublime Text 2

Вставляем в неё следующий код со страницы:

http://wbond.net/sublime_packages/package_control/installation

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

И жмем Enter. После этого перезапускаем Sublime.

Теперь жмем Ctrl + Shift + P и видим окно установившегося Package Control:

sublime_package-control

Вводим в эту строку:

Package Control:

И выбираем «Package Control: Install Package», в принципе это же можно и ввести с клавиатуры.

После выбора мы можем тут-же выбрать плагин для установки. Я установил плагин TAG для улучшенной подсветки HTML разметки, что и Вам рекомендую сделать. А сейчас установлю плагин Place holder.

Ввожу Place и выбираю из списка плагин Placeholders. Он сразу же устанавливается.

sublime_text_icon_3

Если команда Install Package не работает в Sublime Text 2:

Если вы вводите «Instal Package» жмете Enter и ничего не происходит, то есть одно решение. В меню Sublime идем в:

Preferences → Package Settings → Package Control → Settings — User

и вводим в него следующие настройки:

{
    "auto_upgrade_last_run": 1331660912,
    "repositories": [
        "https://bitbucket.org/sublimator/sublime-2-zencoding"
    ],
    "repository_channels": [
        "http://sublime.wbond.net/repositories.json"
    ]
}

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

Плагины для Sublime Text 2

Вот какие плагины можно установить:

1) ZenCoding
2) SFTP — ftp
3) SideBarEnhancements — добавляет дополнительные функции в боковую панель
4) Prefixr — дописует префиксы для свойств
5) DetectSyntax — определяет синтаксис
6) SVN — svn
7) CSScomb — сортировка css

Плагины которые установил себе:

1) Placeholders 2) Emmet
3) Less
4) Prefixr
5) Hayaku
6) Less-build

Ссылки:

Список интересных плагинов с описаниями и скриншотами

Сайт посвященный Sublime Package Control