Sublime Text 4

subline text 4 Верстка
В данном уроке мы разберем где и как скачать редактор кода Sublime Text 4, как его установить на windows и русифицировать его меню, также активируем его при помощи License Key и установим на него Emmet.

Скачать Sublime Text 4

Скачать Сублайн текст 4, вы можете с оф сайта sublimetext.com/download, не советую скачивать с сомнительных источников.

Скачать Sublime Text 4

Установка Sublime Text 4

Установить Сублайн текст 4 очень просто, для этого его достаточно запустить и щелкать по кнопке далее (next), на этом останавливаться не буду, думаю с этим проблем не возникнет.

Русификация Sublime Text 4

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

1. Открываем редактор и переходим в пункт меню «Tools» — «Install Pakage Control…» для установки менеджера пакетов (либо нажимаем сочетание клавиш «Ctrl+Shift+P» в поисковом поле находим «Install Pakage Control» и нажимаем «Enter»). Если менеджер пакетов уже установлен (данного пункта в меню не будет), то переходим в пункт №3.

Install Pakage Control

2. После установки менеджера пакетов появится уведомление, просто нажимаем «ОК».

Уведомление 1

3. Далее вновь зажимаем на клавиатуре одновременно клавиши «Ctrl+Shift+P» и находим в поисковом поле «Package Control: Install Package», после чего нажимаем «Enter» (или выбираем из списка кликом мыши).

Install Package

4. Появится новое поле, в котором нужно ввести и найти «LocalizedMenu», далее жмём «Enter» или кликаем мышкой и ждём установки пакета (статус установки можно увидеть снизу, слева).

LocalizedMenu

5. Затем открываем пункт меню «Preferences» — «Languages» — «Русский (ru)».

Переключаем саблайн на русский

6. Смотрим интерфейс программы Sublime Text 4, теперь все на русском языке.

SublineText 4 на русском

Альтернативный вариант русификаций

Скачиваем пакет локализации с github. Открываем архив и распаковываем его содержимое в «c:\Users\Имя_пользователя\AppData\Roaming\Sublime Text\Packages\» (Путь для Windows 7/8/10).

Распаковываем содержимое архива

Идем в «c:\Users\Имя_пользователя\AppData\Roaming\Sublime Text\Packages\» и переименовываем LocalizedMenu-master в LocalizedMenu

После чего можно менять локализацию, см. пункт 6.

Установка Emmet на sublime text 4.

У вас должен быть установлен Package Control, см. выше пункты 1-3.

Зажимаем на клавиатуре одновременно клавиши «Ctrl+Shift+P» и находим в поисковом поле «Emmet», после чего нажимаем «Enter» (или выбираем из списка кликом мыши).

установка emmet

Ждем немного, пока не откроется вкладка с содержимым, что Эммет успешно установлен, закрываем все вкладки и перезапускаем редактор. Все можно пользоваться!

В трех словах, о том, как работает Эммет

Приведу несколько примеров для Emmet. Допустим нам нужно базовый каркас веб-страницы на html5, для этого достаточно ввести «!» и нажать «Tab».

doctype

Чтобы быстро построить к примеру блок с классом col-sm-6, необходимо ввести .col-sm-6 и нажать «Tab», получим <div class="col-sm-6"></div>.

Для того чтобы построить вот такую конструкцию:

<div class="row">
	<div class="col-md-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt natus quidem qui, obcaecati dolorem optio nulla voluptates suscipit eligendi laboriosam quisquam odio provident facilis laudantium. Non, tempora mollitia consequuntur laborum!</div>
	<div class="col-md-3">Incidunt fugiat beatae non voluptatum at iste inventore obcaecati rem tenetur officiis reprehenderit soluta, magnam est consequatur accusantium, fuga aperiam nesciunt exercitationem dignissimos aut, ut. Voluptatibus id explicabo, suscipit porro.</div>
	<div class="col-md-3">Iste magni, nam id a, maxime incidunt aperiam hic, aliquid suscipit aspernatur maiores quaerat sequi asperiores perferendis eum delectus consectetur sint excepturi laboriosam, error. Ratione voluptatum similique sunt sequi maiores!</div>
	<div class="col-md-3">Officiis doloremque cumque ab quae similique totam voluptates? Molestias rerum eos dolor nulla quidem nam pariatur, quisquam reiciendis tenetur. Dolorum, at, illum! Corporis, itaque, impedit repellendus natus accusantium sit sunt.</div>
</div>

достаточно ввести вот такую небольшую строчку «.row>.col-md-3*4>lorem» и нажать «Tab».

Как вы видите Emmet очень крутое дополнение, которое очень ускоряет процесс верстки, главное уметь правильно им пользоваться) Советую почитать документацию.

Активация Sublime Text 4

Чтобы активировать Сублайн текст 4 перейдите во вкладку «Справка» («Help») — «Ввести лицензию» («Enter license») вставляем ключ и жмем «Use License»

Активация

Лицензию можно купить в Справка — купить лицензию. Если не хотите покупать ключ за 99$, то их можно поискать в общем доступе, в гугле или яндекс наберите запрос: Sublime Text 4 и дальше crack, Patcher, Keygen или License Key, лично я опробовал около сотни ключей и не нашёл не одного рабочего. Оказывается сублайн поменял условия лицензирования, поэтому как закончился триал, я его удалил и установил Subline Text 3, а лучше пользуйтесь бесплатны VS code не чем не уступает)

На сегодня все!

Понравилась статья? Можно поблагодарить автора: отправив ему донат на
YooMoney
или
Qiwi
. Либо поделившись статьей ☟
Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
Web-Revenue.ru