Sublime Text

Руссификация

В архиве находятся файлы для руссиффикации Sublime Text 2 и Sublime Text 3, а также, инструкция.
[ Скачать ]

Package Control

Перейти по ссылке и скопировать код для нужной версии Sublime Text:
[ Перейти ]

Вид (View) → Показать/скрыть консоль (View Console).
Вставить скопированный код и нажать Enter.
Для выхода нажать ESC.

В последних версиях Sublime Text 3 Package Control можно установить, нажав Ctrl+Shift+P, набрав install и выбрав пункт Install Package Control.

Плагины

Preferences → Package Control → Install Package → Ввести название плагина.
Для вызова Package Control можно использовать Ctrl+Shift+P.
Для работы таких плагинов как HTML-CSS-JS Prettify, Autoprefixer нужно установить Node.js

Tag - операции с тегами, подсвечивание ошибок, связанных с тегами.
Emmet - создание тегов, структур. Документация Примеры
SideBarEnhancements - расширяет возможности контекстного меню сайдбара.
HTML-CSS-JS Prettify - форматирование HTML, CSS, JavaScript.
CSS Format - различные виды форматирования CSS.
CSS Unminifier - форматирование CSS.
HTML5 Minifier - сжатие HTML5, CSS3, JavaScript.
AutoFileName - автозаполнение путей к подключаемым файлам.
Open Folder - добавляет в контекстное меню пункт Open Folder.
Color Highlighter - подсветка цвета.
ColorPicker - цветовая палитра (Ctrl+Shift+C).
Autoprefixer автоматический набор префиксов.
Markdown Table Formatter автоформатирование таблиц Markdown.
SmartMarkdown для Sublime Text 2 и 3.
GitHub Markdown Snippets - разные сниппеты (нажать TAB) Руководство.
StickWithMarkdownSnippets - таблица, блок кода, ссылка на изображение, url-ссылка.
MarkdownPreview - просмотр в браузере документов Markdown.
Trimmer.

Если установлен Emmet, плагин GitHub Markdown Snippets не будет работать корректно. Для устранения проблемы нужно зайти в: Preferences → Package Settings → Emmet → User Settings

и добавить следующий код:

{
    "disable_tab_abbreviations_for_scopes": "text.html.markdown"
}

[ Документация ]

Emmet примеры

Развернуть

h1
<h1></h1>
_______________________________________________
h1{Hello World!}
<h1>Hello World!</h1>
_______________________________________________
h1{Hello World!}+h2(lorem3)
<h1>Hello World!</h1>
<h2>Lorem ipsum dolor.</h2>
_______________________________________________
h1{Hello World!}+h2(lorem3)+p(lorem10)*5
<h1>Hello World!</h1>
<h2>Lorem ipsum dolor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, id.</p>
<p>Voluptatum, nisi commodi! Omnis adipisci, pariatur earum iste deserunt ducimus.</p>
<p>Asperiores rerum eaque, enim facilis itaque cumque delectus repellendus nihil.</p>
<p>Maiores rerum, nostrum voluptatem placeat commodi amet esse suscipit quasi.</p>
<p>Itaque qui in incidunt eaque quam modi tempore, ipsam beatae!</p>
_______________________________________________
h1{Hello World!}+h2(lorem3)+p(lorem10)*5+img.left[images/pic.png]
<h1>Hello World!</h1>
<h2>Lorem ipsum dolor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, odit?</p>
<p>Dignissimos iste enim esse, quas at quae dolores nobis architecto.</p>
<p>Dolorem aliquam laudantium eveniet? Voluptatem, mollitia! Commodi cupiditate dolorum sapiente!</p>
<p>Harum perspiciatis sapiente odio nemo, sit assumenda perferendis ipsam, voluptatibus.</p>
<p>At error repellendus ratione animi eligendi fugiat alias est suscipit.</p>
<img src="images/pic.png" alt="" class="left">
_______________________________________________
img.left[images/pic.png alt="My Pic"]
<img src="images/pic.png" alt="My Pic" class="left">
_______________________________________________
ul>li*8
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
_______________________________________________
ul>li.link$*8
<ul>
<li class="link1"></li>
<li class="link2"></li>
<li class="link3"></li>
<li class="link4"></li>
<li class="link5"></li>
<li class="link6"></li>
<li class="link7"></li>
<li class="link8"></li>
</ul>
_______________________________________________
ul>li.item$*7>a[#]{item$}
<ul>
<li class="item1"><a href="#">item1</a></li>
<li class="item2"><a href="#">item2</a></li>
<li class="item3"><a href="#">item3</a></li>
<li class="item4"><a href="#">item4</a></li>
<li class="item5"><a href="#">item5</a></li>
<li class="item6"><a href="#">item6</a></li>
<li class="item7"><a href="#">item7</a></li>
</ul>
_______________________________________________
ul>li.item$*7>a[# title="item$"]{item$}
<ul>
<li class="item1"><a href="#" title="item1">item1</a></li>
<li class="item2"><a href="#" title="item2">item2</a></li>
<li class="item3"><a href="#" title="item3">item3</a></li>
<li class="item4"><a href="#" title="item4">item4</a></li>
<li class="item5"><a href="#" title="item5">item5</a></li>
<li class="item6"><a href="#" title="item6">item6</a></li>
<li class="item7"><a href="#" title="item7">item7</a></li>
</ul>
_______________________________________________
ul>li.item$*7>a[# title="item$"]{item$}^^p(lorem20)
<ul>
<li class="item1"><a href="#" title="item1">item1</a></li>
<li class="item2"><a href="#" title="item2">item2</a></li>
<li class="item3"><a href="#" title="item3">item3</a></li>
<li class="item4"><a href="#" title="item4">item4</a></li>
<li class="item5"><a href="#" title="item5">item5</a></li>
<li class="item6"><a href="#" title="item6">item6</a></li>
<li class="item7"><a href="#" title="item7">item7</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos dolorum distinctio fugiat fugit asperiores quos laborum voluptate doloremque repellat architecto.</p>
_______________________________________________
-w100
-webkit-width: 100px;
-moz-width: 100px;
-ms-width: 100px;
-o-width: 100px;
width: 100px;
-box-sizing
-webkit-box-sizing: ;
-moz-box-sizing: ;
box-sizing: ;
_______________________________________________
[ Emmet примеры ]

Создание сниппетов

Инструменты (Tools) → Разработчик (Developer) → Новый сниппет... (New Snippet...).
Вместо третьей строчки вставить свой сниппет.
Раскомментировать строчку <tabTrigger>hello</tabTrigger> и вместо hello написать имя сниппета.
Нажать Ctrl+S и сохранить под тем же именем.
Для вызова сниппета написать его имя и нажать TAB или Инструменты (Tools) → Сниппеты... (Snippet...).

Пример сниппета (html):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>

<body>
</body>
</html>

Работа в Sublime Text

Удобно сначала определить синтаксис языка, который будем использовать: View → Syntax → выбрать, например, HTML.

Обернуть тегами

Способ первый

Поставить курсор в любое место абзаца
Нажать Ctrl+Shift+G - текст оборачивается в div и внизу появляется панель, где можно изменить на любой тег.

Способ второй

Выделить нужные текст или блок кода, нажать Ctrl+Shift+G и т.д.

Как узнать кодировку открытого файла

Способ первый

Вызвать консоль (Ctrl+` или Вид (View) → Показать/скрыть консоль (View Console).
Ввести команду view.encoding() и нажать Enter

Способ второй

Preferences → Settings → добавить "show_encoding": true,

{
	// Display file encoding in the status bar
    "show_encoding": true,
	"ignored_packages":
	[
		"Vintage"
	]
}

Кодировка будет отображаться в статус баре (status bar), если не включен: View → Show Status Bar.

Мои настройки HTML-CSS-JS Prettify (2.1.3)

"indent_size": 2,
"preserve_newlines": false,

Полный код:

"all":
    {
        // These rules apply to all HTML, CSS, JS and JSON files to be prettified
        // and have the lowest level of precedence (meaning any of the settings in
        // the 'html', 'css', 'js', 'json' and 'custom' categories override these).
        // You can add other .jsbeautifyrc rules in this section too.
        // End output with newline
        "end_with_newline": false,
        // Character(s) to use as line terminators.
        "eol": "\n",
        // Initial indentation level
        "indent_level": 0,
        // Indentation character
        "indent_char": " ",
        // Indentation size
        "indent_size": 2,
        // Indent with tabs, overrides `indent_size` and `indent_char`
        "indent_with_tabs": false,
        // Maximum number of line breaks to be preserved in one chunk (0 disables)
        "max_preserve_newlines": 0,
        // Whether existing line breaks before elements should be preserved (only works before elements, not inside tags or for text)
        "preserve_newlines": false,
        // Lines should wrap at next opportunity after this number of characters (0 disables)
        "wrap_line_length": 0
    },

Лучше прописать в пользовательских настройках: Tools → HTML/CSS/JS Prettify → Prettify Preferences - User:

{
    "all":
    {
        // Indentation size
        "indent_size": 2,
        // Whether existing line breaks before elements should be preserved (only works before elements, not inside tags or for text)
        "preserve_newlines": false,
    }
}

Для работы HTML-CSS-JS Prettify нужно поместить файл node.js в папку nodejs: C:\Program Files\nodejs
Скачать файл можно здесь

Допустим, у меня был текстовый файл со следующими девятью строками:

foo

bar

baz

qux

quux

Как я могу использовать Sublime Text 2, чтобы удалить все четыре пустые / пустые строки, оставив только пять строк?

Выберите текст

Нажмите:

Ctrl+ H на ПК или
Command+ Alt+ F на Mac или
Нажмите Найти-> Заменить.

Убедитесь, что вы выбрали «регулярное выражение», нажав:

Alt+ R на ПК или
Command+ Alt+ R на Mac или
Нажмите .* в поле поиска.

Найти то, что: ^\n

Заменить на: (ничего, оставьте пустым).

Способ 2

Шаг 1: Просто нажмите на ctrl+H
Шаг 2: нажмите на кнопку RegEX
Шаг 3: напишите это в Find: ^[\s]*?[\n\r]+
Шаг 4: заменить все

Способ 3

Ctrl+ A Затем Ctrl+ H затем выберите регулярное выражение .*. Заменить \n\n на \n. Вуаля!

Способ 4

Есть более простой способ сделать это без регулярных выражений. Вы просто должны выбрать весь текст. затем перейдите к: Edit -> Permute Lines -> Unique.

Источник

Как добавить иконку Sublime Text в контекстное меню проводника Windows

@echo off
  SET st2Path=C:\Program Files\Sublime Text 3\sublime_text.exe

  rem add it for all file types
  @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3"         /t REG_SZ /v "" /d "Open with Sublime Text 3"   /f
  @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3"         /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f
  @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3\command" /t REG_SZ /v "" /d "%st2Path% \"%%1\"" /f

  rem add it for folders
  @reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Sublime Text 3"         /t REG_SZ /v "" /d "Open with Sublime Text 3"   /f
  @reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Sublime Text 3"         /t REG_EXPAND_SZ /v "Icon" /d "%st2Path%,0" /f
  @reg add "HKEY_CLASSES_ROOT\Folder\shell\Open with Sublime Text 3\command" /t REG_SZ /v "" /d "%st2Path% \"%%1\"" /f
  pause

Make sure that you set the correct path on line 2 the variable st2Path

Save the file with the name OpenWithSublimeText3.bat. If your are running on windows 8.1, to launch the file just right click the file and chose “Run as administrator”.

Источник