Packet control sublime text 3

Как пользоваться: Emmet шпаргалка, Emmet сокращения

В интернете достаточно материала по запросу «Emmet сокращения», однако я расскажу несколько «горячих клавиш Emmet». К примеру, если набрать просто «ul» (без <>) и нажать Tab, то у нас автоматически напишется полный список.

Можно создать div с определенным классом, всего лишь написав «.class».

Для того, чтобы сделать начальную конструкцию страницы, достаточно написать восклицательный знак («!») и нажать Tab.

На этом, пожалуй, остановимся. Теперь вы знаете, как установить Emmet и как пользоваться Emmet. Удачи.

Привет всем постоянным читателям, и случайным прохожим. Этой статьей я хочу начать серию публикаций о прекрасном (не побоюсь этого слова) редакторе Sublime Text 3, который я использую в работе ежедневно. И первое о чем стоит поговорить — это установка Package Control.

Как и большинство известных нам редакторов, Sublime поддерживает аддоны, плагины, расширения которые принято называть пакетами (packages) они позволяют расширить родной функционал редактора. О пакетах мы поговорим подробнее в следующих статьях, а сейчас приступим к установке пакетного менеджера.

Установка пакетов с помощью Package Control очень простой процесс. Все пакеты размещены на Bitbucket или GitHub. К счастью для нас с помощью интерфейса менеджера, мы может устанавливать пакеты не покидая редактора.

Для инсталяции Package Control cледуем шагам:

  1. Переходим по ссылке https://packagecontrol.io/installation и копируем команду для установки
  2. В Sublime Text 3 открываем консоль сочетанием клавиш Ctr + `
  3. Вставляем команду в консоль и нажимаем enter
  4. Установка может занять некоторое время, после перезагружаем редактор.

Теперь мы можем использовать менеджер для установки пакетов (плагинов).

Для вызова менеджера нужно нажать сочетание клавиш Ctrl + Shift + p или кликнуть Tools — Command Palette и напечатать install. Вы должны увидеть и выбрать надпись Package Control : Install Package.

Запуск менеджера занимает некоторое время, вы можете наблюдать процесс запуска в левом нижнем углу. По окончанию вам будут доступны все пакеты находящиеся в данный момент в репозитории.

Для установки нужного нам пакета заходим в Command Palette, уже известным для нас способом. И просто печатаем в поиске название пакета.

Иногда на просторах интернета мы можем встретить пакет которого нет в репозитории Package Control, в таком случае установка будет происходить немного иначе.

1. Качаем нужный нам пакет на компьютер
2. Заходим в папку где установлен Sublime находим папку Packages и копируем в нее пакет.
3. Перезагружаем Sublime Text если он был запущен

Все, пакет установлен и готов к использованию.

В следующей статье я расскажу о командах которые помогут упростить нам работу с редактором. Если вы не хотите пропустить статью, и быть в курсе последних публикаций подписывайтесь в группу в вк, facebook и канал в телеграмме.

Процесс установки Emmet для Sublime

Когда я устанавливал плагин Эммет на свой редактор, то у меня возникла проблема, для установки мне нужна была вкладка «Package Control» которая должна была находится в «Preferences», ее там небыло, если и у вас нет, то читайте ниже.

Как добавить Package Control в Sublime Text 3

Очень просто и быстро. В редакторе жмите Ctrl+ или View -> Show console а если у вас русифицированный Соблайм то Вид -> Показать/скрыть консоль. После этого откроется панель ввода, вставьте в нижнюю строку код.

import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; 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://packagecontrol.io/’ + 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)

Нажмите Enter и перезапустите ваш редактор.

Установка плагина Emmet для Sublime Text 3

Теперь у нас есть Пакет управления в Саблайме и можно переходить к установки Эммета. Тут тоже делов на минуту. Как вы уже наверное поняли, нужно нажать на «Preferences» (Глобальные параметры) или Ctrl + Shift + P и в самом низу кликнуть на Package Control, у вас всплывет окно, нажимайте на «Install Package» (Установить Пакет) на шестой строке.

После этого всплывет еще одно окно где нужно ввести слово «Emmet», появится много предложений и словосочетаний, нажать нужно на самую первую надпись.

Вот и все, когда откроется вкладка «Package Control Messages» с содержимым о том что плагин установлен, можно все закрыть, перезапустить и пользоваться!

Как работает плагин Emmet

Приведу пару примеров «Emmet горячие клавиши». Например при написании ul без <> и нажатия Tab будет автоматически развернут полный список.

Таким же методом можно написать div.class для назначения класса.

Для первоначального создания страницы достаточно добавить ! и нажать Tab.

Подобных способов довольно много, всех я перечислять не буду, их и так достаточно в Интернете, найти не сложно!

На сегодня все, пока!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *