Установка редактора программного кода Sublime Text 2 с плагином Emmet

Приветствую всех читателей этой статьи! Сегодня я поделюсь с Вами редактором программного кода Sublime Text и плагином к нему – Emmet. До этого все время, в качестве написания сценария кода для web, я использовал редактор Dremweaver от компании Adobe, и иногда PHPDesigner. Notepad++ нравился за счет своей "легкости" (т.е. быстродействия, требовательности к системным ресурсам и т.д.), но не радовал меня как постоянный редактор, по большому счету имея на борту лишь одну подсветку кода и конвертер кодировок. Всегда хотелось что-то такое же менее требовательное, но и в свою же очередь функциональное. И как оказывается такой редактор существует, только вот я поздно повстречал его.

И вот таким редактором является Sublime Text 2, или более новая версия – Sublime Text 3.
Установка редактора и плагина к нему показана в следующем видеоролике.


Код для установки Package Control для Sublime Text 2 следующий:
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') 
Код для установки Package Control для Sublime Text 3 следующий:
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
Можно также найти его по следующей ссылке: sublime.wbond.net/installation

Sublime Text может быть использован как для операционных систем Mac OS, Windows так и для ОС Linux.
Для установки этого редактора на Ubuntu его можно как скачать из официального сайта (лучше Sublime Text 3), так и при помощи Терминала (консоли).

Установка Sublime Text 2 на Ubuntu
Добавляем репозиторий Sublime Text 2 Ubuntu PPA:

sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
Если вы уже использовали Sublime Text до этого, то лучше произвести удаление оставшихся старых пакетов следующей командой:
sudo apt-get remove sublime-text*
Затем произведем установку стабильной версии:
sudo apt-get install sublime-text
Или же версии для разработчиков:
sudo apt-get install sublime-text-dev

Установка Sublime Text 3 на Ubuntu
Добавляем репозиторий Sublime Text 3 Ubuntu PPA:

sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
Если вы уже использовали Sublime Text до этого, то лучше произвести удаление оставшихся старых пакетов следующей командой:
sudo apt-get remove sublime-text*
Затем произведем установку:
sudo apt-get install sublime-text-installer

Окно редактора Sublime Text 3 в OS Ubuntu имеет следующий вид:

Окно программы Sublime Text 3

Горячие клавиши для Sublime Text: sublimetext.ru/documentation/hotkeys/windows
Синтаксис Emmet: docs.emmet.io/abbreviations/syntax
Или же сохранить горячие клавиши в виде картинки:

Комментарии (1):

25 Августа 2014 14:40

Javlon

Очень хорошая статья!

Оставить комментарий:


* Введите Ваше имя


* Введите комментарий

Введите результат с картинки:

* Введите результат

Фото дня на Яndex


Кулик-воробей