Format text sublime text: sublimetext2 — How do I reformat HTML code using Sublime Text 2?

Содержание

Как переформатировать код HTML с помощью Sublime Text 2?

У меня есть плохо отформатированный код HTML, который я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует код HTML в Sublime Text 2, чтобы он выглядел лучше и его было легче читать?

html

sublimetext2

sublimetext

indentation

reformat

Поделиться

Источник


Ravi Ram    

12 января 2012 в 17:49

15 ответов


  • Как запустить код Python из Sublime Text 2?

    Я хочу настроить полный Python IDE в Sublime Text 2. Я хочу знать, как запустить код Python из редактора. Делается ли это с помощью системы сборки? Как мне это сделать ?

  • Изменение HTML <script> автозаполнение в Sublime Text 2

    В Sublime Text 2 при вставке тега сценария html с помощью функции автозаполнения курсор перемещается в конец тега. <script type=text/javascript></script>*CURSOR HERE* Как я могу изменить автозавершение в Sublime так, чтобы при заполнении тега скрипта html в тег добавлялся src-атрибут,…



2107

Для этого вам не нужны никакие плагины.
Просто выберите все строки ( Ctrl A ), а затем в меню выберите Изменить → строку → Переиндентировать.
Это сработает, если ваш файл сохранен с расширением, содержащим HTML, например .html или .php .

Если вы делаете это часто, вы можете найти это сопоставление ключей полезным:

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

Если ваш файл не сохранен (например, вы только что вставили фрагмент в новое окно), вы можете вручную установить язык для отступа, выбрав в меню Вид → Синтаксис → language of choice , прежде чем выбрать опцию переиндентировать.

Поделиться


peter    

04 июня 2012 в 21:47



380

Существует около полудюжины способов форматирования HTML в Sublime. Я протестировал каждый из самых популярных плагинов (подробнее см. Статью, которую я сделал в своем блоге ), но вот краткий обзор некоторых из самых популярных опций:

Команда Reindent

Плюсы:

  • Поставляется с Sublime, поэтому установка плагина не требуется

Аферы:

  • Не удаляет лишние пустые строки
  • Не может обрабатывать уменьшенные HTML, строки с несколькими открытыми тегами
  • Неправильно форматирует блоки <script>

Плюсы:

  • Поддержка ST2/ST3
  • Удаляет лишние пустые строки
  • Нет бинарных зависимостей

Аферы:

  • Задыхается от PHP тегов
  • Неправильно обрабатывает блоки <script>

Плюсы:

  • Обрабатывает PHP тегов
  • Некоторые настройки для настройки форматирования

Аферы:

  • Требуется PHP (возвращается к веб-службе)
  • Только ST2
  • Брошен?

Плюсы:

  • Поддержка ST2/ST3
  • Простые и без бинарных зависимостей
  • Поддержка OS X, Win и Linux

Аферы:

  • Немного задыхается от встроенных комментариев
  • Расширяет свернутый/сжатый код

Плюсы:

  • Поддержка ST2/ST3
  • Ручки HTML, CSS, JS
  • Отличная интеграция с меню Sublime
  • Легко настраиваемый
  • Настройки для каждого проекта
  • Формат при сохранении

Аферы:

  • Требуется Node.js
  • Не очень подходит для встроенного PHP

Что лучше?

HTML-CSS-JS Prettify-победитель в моей книге. Много отличных функций, не на что жаловаться.

Поделиться


Josh Earl    

18 января 2014 в 16:29




179

Единственный пакет, который мне удалось найти, — это Тег .

Вы можете установить его с помощью элемента управления пакетами. https://sublime.wbond.net

После установки пакета управления. Перейдите в раздел Управление пакетами ( Настройки -> Управление пакетами), затем введите install, нажмите enter . Затем введите tag и нажмите enter .

После установки тега выделите текст и нажмите ярлык Ctrl + Alt + F .

Поделиться


dardub    

13 января 2012 в 23:12



51

Я рекомендую этот плагин: HTML/CSS/JS Prettify , он действительно работает.

После установки просто выберите код и нажмите Ctrl+Shift+H .

Сделано!

Поделиться


Peter Zhu    

07 января 2015 в 03:22



41

Просто общий совет. Что я сделал, чтобы автоматически привести в порядок свой HTML, так это установил пакет HTML_Tidy, а затем добавил следующую привязку ключей к настройкам по умолчанию (которые я использую):

{ "keys": ["enter"], "command": "html_tidy" },

это работает HTML Аккуратно с каждым вводом. В этом могут быть недостатки, я сам новичок в Sublime, но, похоже, он делает то, что я хочу 🙂

Поделиться


Anneke    

01 ноября 2012 в 15:17



24

Хотя вопрос касается HTML, я также хотел бы дополнительно дать информацию о том, как автоматически отформатировать код Javascript для Sublime Text 2 ;

Вы можете выбрать весь свой код( ctrl + A ) и использовать встроенную функциональность, переиндентировать( Edit — > Line — > Reindent ) или использовать плагин форматирования JsFormat для Sublime Text 2 , если вы хотите иметь более настраиваемые настройки форматирования кода в дополнение к настройкам вкладки/отступа по умолчанию в Sublime Text.

https://github.com/jdc0589/JsFormat

Вы можете легко установить JsFormat с помощью управления пакетами ( Preferences -> Package Control ) Откройте управление пакетами, затем введите установить, нажмите enter . Затем введите js format и нажмите enter , все готово.
(Контроллер пакета покажет состояние установки с успехом и ошибками в нижней левой строке Sublime )

Добавьте следующую строку в привязки ключей ( Preferences -> Key Bindings User )

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

Я использую ctrl + alt + 2 , вы можете изменить эту комбинацию клавиш, как хотите. До сих пор JsFormat — хороший плагин, стоит попробовать!

Надеюсь, это кому-нибудь поможет.

Поделиться


Gokhan Tank    

24 июня 2013 в 11:34



Поделиться


Christian Hagelid    

08 сентября 2012 в 11:00



13

Для меня решение HTML Prettify было чрезвычайно простым. Я перешел на страницу HTML Prettify .

  1. Нуждался в Sublime Package Manager
  2. Следуйте инструкциям по установке менеджера пакетов здесь
  3. введите cmd + shift + p , чтобы открыть меню
  4. Набрано prettify
  5. Выберите HTML prettify в меню

Бум. Сделано. Выглядит великолепно

Поделиться


insaineyesay    

27 июля 2014 в 16:01



11

Просто зайдите в

Правка -> Тег -> Автоматическое форматирование тегов в документе

Поделиться


Ricardo Martins    

09 октября 2012 в 00:23



9

Я создал пакет под названием HTMLBeautify , который выполняет приличную работу по переформатированию HTML. Я основал его на скрипте Perl, который нашел еще в 1997 году,—я обновил его, чтобы он работал со всеми новыми модными современными тегами. 🙂

Проверьте это и дайте мне знать, что вы думаете!

https://github.com/rareyman/HTMLBeautify

Поделиться


Ross    

21 января 2013 в 18:46


Поделиться


Allen Bargi    

14 января 2012 в 12:59



7

Я еще не имею права комментировать, так что это просто дополнительная информация, связанная с ответом @peter’s выше ответа.

Я обнаружил, что HTML не выровнялся, как ожидалось, если IE условные комментарии в заголовке не были полностью выровнены, например, заподлицо слева:

<!--[if lt IE 7]>
<p>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

Поделиться


newtriks    

21 ноября 2012 в 10:10



7

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

Поделиться


side2k    

23 апреля 2014 в 07:34



4

Я использую tidy вместе с пользовательской системой сборки, чтобы украсить HTML.

У меня есть HTMLTidy.sublime-build в моем каталоге Packages/User/:

{
  "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}

и файл tidy_config.cfg в том же каталоге:

indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0

И просто выберите build system и нажмите ctrl + b или cmd + b , чтобы переформатировать содержимое файла. Одна из незначительных проблем заключается в том, что ST2 не перезагружает файл автоматически, поэтому для просмотра результатов вам нужно переключиться на какой-то другой файл и обратно (или на другое приложение и обратно).

На Mac я использовал macports для установки tidy, на Windows вам придется загрузить его самостоятельно и указать рабочий каталог в системе сборки, где находится tidy:

"working_dir": "c:\\HTMLTidy\\"

или добавьте его в PATH.

Поделиться


rchl    

18 февраля 2012 в 22:46




4

вы можете легко установить комбинацию клавиш F12 !!!

{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }

подробности смотрите здесь .

Поделиться


Sumeta Pongpanna    

21 ноября 2014 в 15:55


Похожие вопросы:

sublime text 2 html автозаполнение в файлах js/jsx

Я хотел бы иметь возможность автоматически заполнять теги HTML внутри файлов js / jsx в Sublime text 2. Я установил Babel-sublime , но автозаполнение HTML в нем не поддерживается. Есть еще варианты?…

Использование virtualenv с sublime text 2

Я использую sublime text 2 для разработки python вместе с virtualenv! Стандартная система сборки sublime text 2 использует стандартную установку python, а не my virtualenv, где установлены мои…

Sublime Text 2: могут ли Плагины рендерить HTML?

Я хочу добавить некоторую визуальную привлекательность великому плагину sublime-phpunit Стюарта Герберта. В настоящее время он отображает текстовый вывод PHPUnit в маленьком окошке в нижней части…

Как запустить код Python из Sublime Text 2?

Я хочу настроить полный Python IDE в Sublime Text 2. Я хочу знать, как запустить код Python из редактора. Делается ли это с помощью системы сборки? Как мне это сделать ?

Изменение HTML <script> автозаполнение в Sublime Text 2

В Sublime Text 2 при вставке тега сценария html с помощью функции автозаполнения курсор перемещается в конец тега. <script type=text/javascript></script>*CURSOR HERE* Как я могу изменить…

Sublime Text 2 HTML проблема подсветки синтаксиса

У меня есть проблема с подсветкой синтаксиса для HTML (и открытого текста) в Sublime Text 2, так как он только выделяет серым цветом строки, как на изображении. Всякий раз, когда я переключаюсь на…

Как правильно отформатировать / отступить код HTML и PHP в Sublime Text 3

мне интересно, есть ли какой-нибудь плагин Sublime Text 3, кроме HTML Tidy, который способен переиндентировать или переформатировать части кода HTML

Как запустить код PHP в Sublime Text 2

Я очень новичок в Sublime text 2. Я только начал этим пользоваться и ничего об этом не знаю. Я хочу работать над PHP. Я построил систему ‘php’. После выбора системы сборки ‘php’ я создаю новый файл…

Как упорядочить код в sublime text с помощью сочетания клавиш?

я хочу использовать комбинацию клавиш для упорядочивания кода в sublime text. Как я могу упорядочить код в sublime text с помощью сочетания клавиш?

Как запустить javascript на sublime text 2?

Я работаю над созданием эскизной доски и задаюсь вопросом, Как создать файл JavaScript в Sublime Text 2. Когда я сохраняю файл, я просто сохраняю его как index.js? Таким образом, означает ли это,…

Как открыть файл SUBLIME-SESSION? Расширение файла .SUBLIME-SESSION

Что такое файл SUBLIME-SESSION?

SUBLIME-SESSION — это расширение файла, обычно связанное с файлами Sublime Text Session. Формат Sublime Text Session был разработан Sublime HQ Pty Ltd. Формат файла SUBLIME-SESSION совместим с программным обеспечением, которое может быть установлено на системной платформе Windows. SUBLIME-SESSION формат файла, наряду с #NUMEXTENSIONS # другими форматами файлов, относится к категории Файлы параметров. Самым популярным программным обеспечением, поддерживающим SUBLIME-SESSION файлы, является Sublime Text. На официальном сайте разработчика Sublime HQ Pty Ltd вы найдете не только подробную информацию о программном обеспечении Sublime Text, но также о SUBLIME-SESSION и других поддерживаемых форматах файлов.

Программы, которые поддерживают SUBLIME-SESSION расширение файла

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

Как открыть файл SUBLIME-SESSION?

Причин, по которым у вас возникают проблемы с открытием файлов SUBLIME-SESSION в данной системе, может быть несколько. Что важно, все распространенные проблемы, связанные с файлами с расширением SUBLIME-SESSION, могут решать сами пользователи. Процесс быстрый и не требует участия ИТ-специалиста. Ниже приведен список рекомендаций, которые помогут вам выявить и решить проблемы, связанные с файлами.

Шаг 1. Скачайте и установите Sublime Text


Основная и наиболее частая причина, препятствующая открытию пользователями файлов SUBLIME-SESSION, заключается в том, что в системе пользователя не установлена программа, которая может обрабатывать файлы SUBLIME-SESSION. Решение простое, просто скачайте и установите Sublime Text. Выше вы найдете полный список программ, которые поддерживают SUBLIME-SESSION файлы, классифицированные в соответствии с системными платформами, для которых они доступны. Самый безопасный способ загрузки Sublime Text установлен — для этого зайдите на сайт разработчика (Sublime HQ Pty Ltd) и загрузите программное обеспечение, используя предоставленные ссылки.

Шаг 2. Обновите Sublime Text до последней версии

Вы по-прежнему не можете получить доступ к файлам SUBLIME-SESSION, хотя Sublime Text установлен в вашей системе? Убедитесь, что программное обеспечение обновлено. Иногда разработчики программного обеспечения вводят новые форматы вместо уже поддерживаемых вместе с новыми версиями своих приложений. Причиной того, что Sublime Text не может обрабатывать файлы с SUBLIME-SESSION, может быть то, что программное обеспечение устарело. Самая последняя версия Sublime Text обратно совместима и может работать с форматами файлов, поддерживаемыми более старыми версиями программного обеспечения.

Шаг 3. Назначьте Sublime Text для SUBLIME-SESSION файлов

Если проблема не была решена на предыдущем шаге, вам следует связать SUBLIME-SESSION файлы с последней версией Sublime Text, установленной на вашем устройстве. Следующий шаг не должен создавать проблем. Процедура проста и в значительной степени не зависит от системы


Выбор приложения первого выбора в Windows

  • Выберите пункт Открыть с помощью в меню «Файл», к которому можно щелкнуть правой кнопкой мыши файл SUBLIME-SESSION.
  • Далее выберите опцию Выбрать другое приложение а затем с помощью Еще приложения откройте список доступных приложений.
  • Наконец, выберите Найти другое приложение на этом… , укажите папку, в которой установлен Sublime Text, установите флажок Всегда использовать это приложение для открытия SUBLIME-SESSION файлы свой выбор, нажав кнопку ОК


Выбор приложения первого выбора в Mac OS

  • В раскрывающемся меню, нажав на файл с расширением SUBLIME-SESSION, выберите Информация
  • Откройте раздел Открыть с помощью, щелкнув его название
  • Выберите Sublime Text и нажмите Изменить для всех …
  • Если вы выполнили предыдущие шаги, должно появиться сообщение: Это изменение будет применено ко всем файлам с расширением SUBLIME-SESSION. Затем нажмите кнопку Вперед», чтобы завершить процесс.

Шаг 4. Убедитесь, что SUBLIME-SESSION не неисправен

Если проблема по-прежнему возникает после выполнения шагов 1-3, проверьте, является ли файл SUBLIME-SESSION действительным. Проблемы с открытием файла могут возникнуть по разным причинам.

1. Убедитесь, что SUBLIME-SESSION не заражен компьютерным вирусом

Если файл заражен, вредоносная программа, находящаяся в файле SUBLIME-SESSION, препятствует попыткам открыть его. Рекомендуется как можно скорее сканировать систему на наличие вирусов и вредоносных программ или использовать онлайн-антивирусный сканер. Если файл SUBLIME-SESSION действительно заражен, следуйте инструкциям ниже.

2. Убедитесь, что структура файла SUBLIME-SESSION не повреждена

Вы получили SUBLIME-SESSION файл от другого человека? Попросите его / ее отправить еще раз. В процессе копирования файла могут возникнуть ошибки, делающие файл неполным или поврежденным. Это может быть источником проблем с файлом. Это может произойти, если процесс загрузки файла с расширением SUBLIME-SESSION был прерван и данные файла повреждены. Загрузите файл снова из того же источника.

3. Проверьте, есть ли у вашей учетной записи административные права

Некоторые файлы требуют повышенных прав доступа для их открытия. Выйдите из своей текущей учетной записи и войдите в учетную запись с достаточными правами доступа. Затем откройте файл Sublime Text Session.

4. Проверьте, может ли ваша система обрабатывать Sublime Text

Если в системе недостаточно ресурсов для открытия файлов SUBLIME-SESSION, попробуйте закрыть все запущенные в данный момент приложения и повторите попытку.

5. Убедитесь, что ваша операционная система и драйверы обновлены

Регулярно обновляемая система, драйверы и программы обеспечивают безопасность вашего компьютера. Это также может предотвратить проблемы с файлами Sublime Text Session. Возможно, файлы SUBLIME-SESSION работают правильно с обновленным программным обеспечением, которое устраняет некоторые системные ошибки.

Sublime Text — Краткое руководство

Sublime Text Editor — это полнофункциональный текстовый редактор для редактирования локальных файлов или базы кода. Он включает в себя различные функции для редактирования базы кода, которая помогает разработчикам отслеживать изменения. Различные функции, которые поддерживаются в Sublime:

  • Подсветка синтаксиса
  • Авто отступ
  • Распознавание типов файлов
  • Боковая панель с файлами указанного каталога
  • макрос
  • Плагин и пакеты

Sublime Text editor используется как интегрированный редактор разработки (IDE), как код Visual Studio и NetBeans. Текущая версия редактора Sublime Text — 3.0 и совместима с различными операционными системами, такими как Windows, Linux и MacOS.

Почему возвышенный текст?

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

  • Способность решать ошибки компоновщика.
  • Отслеживание всех файлов и папок для работы.
  • Связь с системами контроля версий, такими как Git, Mercurial.
  • Возможности решения проблем.
  • Сохранение цветовой комбинации для синтаксической комбинации.

Вы можете скачать Sublime Text со своего официального сайта — www.sublimetext.com . В следующей главе мы узнаем о процедуре установки редактора Sublime Text в различных операционных системах.

Sublime Text editor поддерживается следующими основными операционными системами —

  • Windows
  • Linux и его дистрибутивы
  • OS X

Вы можете скачать Sublime Text со своего официального сайта — www.sublimetext.com

В этой главе вы узнаете об установке Sublime Text в различных операционных системах.

Установка на Windows

Вам нужно будет выполнить шаги, показанные ниже, чтобы установить Sublime Text в Windows —

Шаг 1 — Загрузите пакет .exe с официального сайта, как показано ниже —

https://www.sublimetext.com/3

Шаг 2 — Теперь запустите исполняемый файл. Это определяет переменные среды. Когда вы запускаете исполняемый файл, вы можете увидеть следующее окно на вашем экране. Нажмите Далее .

Шаг 3 — Теперь выберите место назначения для установки Sublime Text3 и нажмите Далее .

Шаг 4 — Проверьте папку назначения и нажмите « Установить» .

Шаг 5 — Теперь нажмите Finish для завершения установки.

Шаг 6 — После успешной установки ваш редактор будет выглядеть, как показано ниже —

Установка в Linux

Вам нужно будет выполнить шаги, показанные ниже, чтобы установить Sublime Text в дистрибутивах Linux —

Шаг 1 — Используя терминал командной строки, установите пакеты для редактора Sublime Text, используя команду, приведенную ниже —

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Шаг 2 — Обновите пакеты, используя следующую команду —

sudo apt-get update

Шаг 3 — Установите хранилище Sublime Text с помощью следующей команды —

sudo apt-get install Sublime-Text

После успешного выполнения вышеупомянутых команд вы увидите, что в системе установлен Sublime Text editor.

Установка на OSX

Для операционных систем OSX,

  • Загрузите файл .dmg Sublime Text Editor.

  • Откройте его и перетащите в папку « Приложения ».

  • Выполните шаги, которые вы видели в двух предыдущих случаях.

  • Запустите приложение.

Загрузите файл .dmg Sublime Text Editor.

Откройте его и перетащите в папку « Приложения ».

Выполните шаги, которые вы видели в двух предыдущих случаях.

Запустите приложение.

На протяжении всего этого урока мы будем фокусироваться на использовании системы управления подрывной деятельностью, Git и битовой корзины в сочетании с редактором Sublime Text.

Как и в любом другом текстовом редакторе, работа с конкретным хранилищем является ключевым аспектом Sublime Text. Это подробно показано в шагах, приведенных ниже —

Шаг 1 — Рассмотрим репозиторий, который будет клонирован из набора битов. Обратите внимание, что мы будем работать со скриптами Python на протяжении всего этого урока.

Шаг 2 — Включите репозиторий в редакторе Sublime Text, используя опцию Open Folder, как показано ниже.

Шаг 3 — После включения репозитория экран редактора Sublime Text будет выглядеть так, как показано ниже —

Вы можете выбрать файл, который хотите открыть, из списка, который отображается в левой части экрана, как показано на рисунке ниже —

Обратите внимание, что комбинация цветов позволяет распознавать ключевые слова и пакеты, включенные в код.

В этой главе вы шаг за шагом научитесь создавать файл в Sublime Text.

Шаг 1 — Используйте опцию Новый файл, чтобы создать файл в редакторе Sublime Text.

Шаг 2 — Как только новый файл станет доступен, вы можете вставить код, как и любой другой текстовый редактор, и сохранить файл в своем рабочем хранилище.

Шаг 3. После сохранения связанного файла редактор Sublime Text предоставляет различные параметры в зависимости от типа файла, например .php для сценариев PHP, .py для сценариев Python и .java для базы кода Java.

Шаг 4 — поскольку наш репозиторий кода находится в проекте Python, мы сохраним файл как demo1.py , как показано ниже —

Редакторы кода позволяют пользователям редактировать сценарии кода и текстовые документы с помощью различных сочетаний клавиш. В этой главе давайте разберемся в различных примерах о возможностях редактирования первого текстового документа в Sublime Text.

Одновременная запись

В этом примере вы увидите, как добавить операторы печати в двух местах.

Шаг 1 — Рассмотрим первый скрипт Python со следующим кодом:

Шаг 2. Предположим, что в данном скрипте вы хотите указать начальную и конечную точки цикла, используя простые операторы. Вы можете написать оператор печати там, где это необходимо, однако в редакторе Sublime Text вы можете одновременно добавлять комментарии и операторы в двух местах с помощью сочетания клавиш Ctrl + курсор для Windows или Linux и Cmd + курсор для Mac. Затем вы можете увидеть точки курсора, как указано ниже —

Шаг 3 — Теперь вы можете вставить операторы печати в обоих местах указанных точек курсора, как показано на рисунке ниже.

Поиск происшествий

Sublime Text editor включает функцию поиска вхождений ключевых слов, включенных в сценарии. Сочетание клавиш для поиска вхождений ключевого слова — Ctrl + D после выделения соответствующего ключевого слова.

Если вы хотите выполнить поиск по ключевому слову, например, распечатать из заданного кода, вы можете использовать Ctrl + D или Cmd + D, чтобы получить количество вхождений связанного ключевого слова.

Добавление комментариев в строке

Мы можем добавлять комментарии в конце строки с помощью сочетания клавиш Ctrl + Shift + L для Windows и Cmd + Shift + L для операционной системы Mac после выбора раздела кода, где вам действительно нужен комментарий.

Существуют различные типы редактирования кода и сочетания клавиш, используемые в редакторе Sublime Text —

  • Разбиение выделения на строки
  • Завершение полного абзаца в файл HTML
  • Поиск всех вхождений

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

Разбиение выделения на строки

Комбинация клавиш Ctrl + Shift + L позволяет вам выделять блоки линий и разбивать их в Windows. Приведенный ниже скриншот объясняет это —

Завершение полного абзаца в HTML-файл

Комбинация клавиш Alt + Shift + w для Windows и Cmd + Shift + w для Mac, позволяет пользователю разбивать фрагменты кода и создавать различные абзацы. Это называется выделением с тегом html . Это также позволяет включать теги HTML с помощью редактора Sublime.

Снимок экрана, приведенный ниже, объясняет обтекание текста тегом HTML —

После переноса текста текст, завернутый в тег HTML, будет показан, как показано ниже —

Нахождение всех Происшествий

Шаблон клавиш Ctrl + Shift + f позволяет вам найти ключевое слово в данном проекте. Приведенный ниже скриншот объясняет это —

Сочетание клавиш открывает окно с тремя опциями, включенными в него, а именно: найти, где и заменить ,

где,

  • найти относится к поиску конкретного ключевого слова,

  • где упоминается раздел о том, какой репозиторий ищется, и

  • замена упоминает ключевое слово, которое заменяется вместо поиска ключевого слова.

найти относится к поиску конкретного ключевого слова,

где упоминается раздел о том, какой репозиторий ищется, и

замена упоминает ключевое слово, которое заменяется вместо поиска ключевого слова.

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

Sublime Linter — это пакет Sublime Text, который поможет вам выполнить раскрашивание в Sublime. Помогает в создании файлов в разных режимах для манипулирования базой кода. Это не встроенный пакет, и вам нужно установить его вручную.

Вы можете установить любой элемент управления пакетом в редакторе Sublime Text, используя сочетание клавиш Ctrl + Shift + P и выбрав опцию Package Control: Install Package .

Выберите соответствующий пакет для установки в редакторе Sublime Text. Чтобы установить Sublime Linter, вам нужно выбрать опцию плагина SublimeLinter .

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

Режимы возвышенного линтера

Sublime Linter работает в четырех разных режимах, как указано ниже —

Фоновый режим

Когда клавиша Sublime Linter установлена ​​в значение true , подкладка выполняется в фоновом режиме каждый раз, когда файл изменяется.

Режим загрузки-сохранения

Когда ключ Sublime Linter установлен в положение, сохранение загрузки будет продолжаться при загрузке файла из хранилища.

Режим только для сохранения

Когда клавиша Sublime Linter настроена на режим только сохранения , лингтинг выполняется при сохранении конкретного файла в рабочем хранилище.

По требованию

В режиме по требованию для Sublime Linter будет установлено значение true с помощью комбинации клавиш Ctrl + Alt + L , которая настраивает linter для обнаружения ошибок, если они присутствуют в коде.

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

Открытие палитры команд

Палитра команд в редакторе Sublime Text включает опции для установки пакетов и консоли. Сочетание клавиш для этой цели — Ctrl + Shift + P для Windows и Cmd + Shift + P для Mac. На приведенном ниже снимке экрана показано открытие палитры команд с помощью этого ярлыка.

Переключить боковую панель

Sublime текстовый редактор включает в себя боковую панель, которая отображает сценарии или имена файлов. Для этой цели вы можете использовать сочетание клавиш Ctrl + KB для Windows и Cmd + KB для Mac.

Показать область в строке состояния

Сочетание клавиш Ctrl + Shift + Alt + P для Windows и Ctrl + Shift + P для Mac отображает область в строке состояния. На следующем снимке экрана показана иллюстрация этого ярлыка.

Python Console

Когда вы работаете со скриптами Python с использованием редактора Sublime Text, вы можете использовать Ctrl + `для Windows или Control + ` для Windows, чтобы управлять консолью Python.

Новое окно

С новыми окнами вы можете управлять несколькими проектами одновременно. Вы можете использовать сочетание клавиш Ctrl + Shift + N для Windows и Cmd + Shift + N для Mac, чтобы создать новое окно в редакторе Sublime Text.

Фрагменты — это умные шаблоны, которые можно использовать по мере необходимости. Sublime текстовый редактор включает функцию фрагментов для шаблонов HTML. В этой главе вы узнаете о них подробно.

Понимание фрагментов

Фрагменты — это простые файлы, поддерживаемые XML, с различными атрибутами. Они включают в себя расширение под названием sublime-snippet . Корневым тегом элемента XML будет тег <snippet> . Созданные фрагменты сохраняются в папке « Пакеты » и считаются живыми в этой папке.

Формат файла и синтаксис фрагментов обсуждаются подробно следующим образом:

  • Содержание — в этом разделе содержится описание фрагмента.

  • tabTrigger — включает последовательность символов, которые срабатывают при написании фрагмента.

  • Область действия — определяет область, в которой фрагмент остается активным.

  • Описание — включает в себя все мета-описания. Он будет отображаться, когда открыто меню сниппета.

Содержание — в этом разделе содержится описание фрагмента.

tabTrigger — включает последовательность символов, которые срабатывают при написании фрагмента.

Область действия — определяет область, в которой фрагмент остается активным.

Описание — включает в себя все мета-описания. Он будет отображаться, когда открыто меню сниппета.

Создание первого фрагмента

Вы можете создать фрагмент по умолчанию, используя Сервис → Разработчик → Фрагмент .

Затем будет создан демонстрационный фрагмент со связанными тегами, как показано ниже —

Чтобы создать первый фрагмент в редакторе Sublime Text, откройте меню « Инструменты» и выберите параметр « Фрагменты» в раскрывающемся окне, как показано на снимке экрана.

Теперь выберите Snippet: html из отображаемых параметров.

Это создает фрагмент по умолчанию для указанного файла HTML, как показано ниже.

Обратите внимание, что существуют разные фрагменты для разных типов файлов. Для html-файлов в базе кода есть три фрагмента, определенные в редакторе Sublime Text, как показано ниже.

Отрывки контроля пакетов

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

Вам могут понадобиться следующие пакеты для веб-разработки —

  • EverCodeLab Sublime поддерживает Ruby on Rails
  • Дополнительные фрагменты PHP для PHP
  • HTML фрагменты для файлов HTML
  • Фрагменты Twitter Bootstrap для Twitter Bootstrap
  • Фрагменты JavaScript для файлов JS
  • Пакет сниппетов jQuery для jQuery

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

Макро-файлы — это файлы JSON с расширением .sublime-micro, которые считаются очень полезными.

Запись макроса

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

  • Используйте сочетание клавиш Ctrl + Q для записи макроса в Windows и Cmd + Q в Mac.

  • Используйте опцию записи в Инструменты → Запись макроса .

Используйте сочетание клавиш Ctrl + Q для записи макроса в Windows и Cmd + Q в Mac.

Используйте опцию записи в Инструменты → Запись макроса .

Как только макрос начал запись, вы можете увидеть следующее сообщение в редакторе Sublime Text —

Играя в макрос

Вы можете использовать сочетание клавиш Ctrl + Shift + Q в Windows и Cmd + Shift + Q для Mac, чтобы воспроизвести макрос, записанный пользователем в Sublime Text. Обратите внимание, что этот ярлык воспроизводит последний записанный макрос в Sublime.

Сохранение макроса

Вы можете сохранить записанный макрос, используя пункт Инструменты → Сохранить макрос. На следующем снимке экрана показано, как сохранить макрос с помощью этой опции.

Вы также можете переопределить макросы, используя различные опции в строке меню Tool, как показано ниже —

Связывание клавиш в Sublime Text помогает пользователю обрабатывать и отображать последовательности нажатий клавиш на действия. Они определены в формате JSON и хранятся в файлах .sublime-keymap .

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

Пользователь может открыть файл раскладки клавиш или привязки клавиш по умолчанию, используя параметр « Настройки» → «Привязки клавиш» .

В следующем примере показано, как выполнить привязку клавиш в Windows —

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

Определение привязок клавиш

Sublime Text редактор включает в себя возможность определить карту ключей. Привязки клавиш, определенные в файле .sublime-keymap, включают в себя все комбинации значений клавиш.

Вы можете включить следующую привязку ключей в этот файл и сохранить их, чтобы проверить выполнение, с помощью кода, показанного ниже —

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

Здесь супер — это Winkey в Windows или Linux и команда в операционной системе OSX. Обратите внимание, что этот код будет запускать макрос, который находится в Packages / User и называется semicolon.sublime-macro при нажатии клавиш Super + Alt + .

В этой главе вы узнаете различные сочетания клавиш для перемещения и выбора столбцов файла в Sublime Text.

Перемещение указателя в начало кода

Вы можете использовать сочетание клавиш Ctrl + Home, чтобы переместить указатель на начало кода в редакторе Sublime Text.

Обратите внимание на пример кода, показанный здесь.

На приведенном ниже снимке экрана показан тот же код, в котором курсор перемещается в его начало.

Расширение столбца

Вы можете использовать сочетание клавиш Ctrl + L, чтобы расширить указанный столбец. Этот ярлык выберет столбец с указателем. Следующий скриншот объясняет это в подробностях —

Обрезка колонны

Вы можете использовать сочетание клавиш Ctrl + K, чтобы обрезать указанный столбец файла. Для OSX вам придется использовать комбинацию клавиш Cmd + K для этой цели.

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

Разделить блок текста

Вы можете использовать сочетание клавиш Ctrl + Shift + K, чтобы разделить выделенный блок текста на два выделения.

Примечание . Отличие в сочетаниях клавиш от предыдущего сочетания клавиш заключается в том, что столбцы являются видимыми. Ctrl + Shift + K удаляет номер столбца из указанного кода, тогда как Ctrl + K сохраняет номер столбца без изменений после обрезки всего столбца.

Отступ — это процесс поддержки блоков кода языков программирования для поддержания систематической структуры. Это помогает донести до разработчиков лучшую структуру программы. В этой главе подробно объясняется про отступ в редакторе Sublime Text.

Важность отступа

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

  • читабельность
  • Удобство для пользователя
  • адаптируемость
  • Простота обслуживания

Параметры отступа в возвышенном тексте

Sublime Text editor предоставляет различные опции для отступа кода, как показано на следующем снимке экрана —

Использование этих опций подробно обсуждается здесь —

Вариант отступа

Опция Indent помогает создать отступ для указанного кода. Вы должны выбрать указанный код и выбрать опцию Отступ . Вы также можете использовать сочетание клавиш Ctrl + [ после выбора необходимого кода, который должен иметь отступ. Обратитесь к следующему скриншоту для лучшего понимания —

Unindent Option

Опция Unindent работает в порядке, обратном процедуре отступа. Сочетание клавиш для параметра «Отступ» — Ctrl +] . Обратитесь к следующему скриншоту для лучшего понимания —

Вариант переиндентирования

Опция Reindent используется, чтобы отменить опцию Indentdent и вернуть код обратно в то же состояние. Обратитесь к следующему скриншоту для лучшего понимания —

Преимущества отступов

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

  • Блоки кода будут видны без особых усилий.

  • Разработчик может сосредоточиться на строках кода, которые необходимы, и легко игнорировать несущественные.

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

  • Любые неуместные строки кода могут быть легко идентифицированы.

Блоки кода будут видны без особых усилий.

Разработчик может сосредоточиться на строках кода, которые необходимы, и легко игнорировать несущественные.

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

Любые неуместные строки кода могут быть легко идентифицированы.

Базовые настройки редактора Sublime Text — это конфигурация, необходимая для редактора, например размер шрифта, отображение номеров строк или цветовая схема редактора.

Все базовые настройки настроены в формате JSON. Для просмотра списка настроек перейдите в меню « Настройки» -> «Настройки».

Настройки включают в себя два типа конфигурации, а именно —

  • По умолчанию
  • пользователь

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

Для сценария, упомянутого выше, настраиваемые параметры указаны ниже.

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

Категории настроек

Различные категории настроек в Sublime Text следующие:

Настройки редактора

К ним относятся основные настройки для редактирования файлов базы кода. Примеры включают font_face, font_size и tab_size . Настройки присутствуют в конфигурации по умолчанию.

Настройки интерфейса пользователя

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

Поведение приложения

Эти настройки ориентированы на поведение приложения, включенного в редактор Sublime Text, в открытых окнах. Эти настройки включены в третий раздел настроек конфигурации по умолчанию.

Синтаксис — Специальные настройки

Эти настройки используются для разработки синтаксиса редактора Sublime Text. Чтобы получить список настроек, специфичных для синтаксиса, пользователь должен использовать опцию Предпочтения — Специфично для синтаксиса .

Управление темами в текстовом редакторе Sublime подразумевает улучшение внешнего вида редактора с помощью цветов и привлекательных фонов. Темы представляют собой значения в формате JSON с расширением .sublime-theme и управляют внешним видом пользовательского интерфейса редактора, изменяя цвета элементов IDE.

Установка и применение тем

Следующие шаги помогут вам установить и применить темы в редакторе Sublime Text.

Шаг 1 — Используйте установочный пакет Sublime Text, чтобы установить пакет для тем, как показано на скриншоте здесь —

Шаг 2 — Вы можете увидеть список опций с опцией Install Package, вы можете скачать их и установить в редакторе Sublime Text.

Шаг 3 — Как только вы выберете тему, активируйте ее.

Шаг 4 — Теперь выберите желаемую тему из списка установленных тем. Это автоматически меняет внешний вид редактора.

Цветовые схемы

Цветовые схемы — это файлы в формате XML, расположенные в папке « Пакеты » с цветовыми схемами. Они являются отличным способом настройки цветов текста Sublime, в отличие от тем, характерных для элементов пользовательского интерфейса.

Вы можете выбрать цветовые схемы, выбрав « Настройки» → «Цветовая схема» . Обратитесь к следующему скриншоту, который показывает то же самое.

Цветовые схемы включают в себя различные варианты, такие как Breakers, Mariana, Monokai и Sixteen . Внешний вид редактора зависит от выбранной вами цветовой схемы. Обратите внимание, что эти шаблоны будут сосредоточены только на цветовом синтаксисе.

Винтажный режим в текстовом редакторе Sublime — это пакет, который включает в себя комбинацию функций редактирования vi. Винтажный режим позволяет использовать список команд vi в редакторе Sublime.

Vintage mode — проект с открытым исходным кодом, скачать его можно по ссылке —

https://github.com/sublimehq/Vintage

Понимание редактора vi

Vi — примитивный и популярный текстовый редактор. Первоначально он был создан для операционной системы UNIX и с базовыми функциями выполнения сценариев. Это широко используемый редактор командной строки в различных операционных системах, потому что он не требует мыши для операций.

Sublime включает в себя vim , который является расширенным разделом редактора vi , и включает в себя настройку макросов, фрагментов кода и плагинов.

Включение винтажного режима

Вы можете включить винтажный режим, выполнив следующие действия:

  • Выберите опцию Настройки → Настройки

  • Отредактируйте json- файл конфигурации настроек с именем ключа как ignored_packages . Винтажная упаковка включена в раздел ignored_packages .

Выберите опцию Настройки → Настройки

Отредактируйте json- файл конфигурации настроек с именем ключа как ignored_packages . Винтажная упаковка включена в раздел ignored_packages .

Удалите атрибут Vintage из конфигурации, чтобы включить свойство Vintage в текстовом редакторе Sublime.

 "ignored_packages": []

Ваш редактор в винтажном режиме будет выглядеть, как показано на следующем скриншоте —

Винтажный режим включает в себя множество команд, похожих на редактор vi. Это включает в себя основные настройки редактора Sublime Text, как показано в приведенном ниже коде —

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}
Режим Описание ключ
Командный режим Ожидает, когда пользователь введет команду Esc
Режим вставки Текст может быть вставлен в разные позиции I / I / а / А
Визуальный режим Выделите / выделите текст с помощью команд перемещения В
Режим визуальной линии Выделите / выделите строки текста с помощью клавиш со стрелками Shift + V

Винтажный режим

Vintageous — это пакет, используемый для описательного анализа редактора vi. Его можно загрузить с помощью пакета управления, как указано ниже —

После того, как вы успешно установите сборочный пакет, ваш экран будет выглядеть так, как показано на следующем снимке экрана —

Sublime Editor включает в себя модули тестирования для различных языков программирования. Это помогает в модульном тестировании файлов и скриптов и помогает разработчикам анализировать ошибки, ошибки и проблемы, если таковые имеются.

Sublime Text editor включает в себя 3 модуля, которые необходимы для тестирования и развертывания JavaScript. В этой главе они обсуждаются подробно.

JsFormat

JsFormat — это плагин JavaScript, используемый для форматирования строк скрипта, что облегчает процесс модульного тестирования. За кулисами используется формат JS beautifier ( http://jsbeautifier.org/ ) для форматирования полного JS или части файлов JS. JSFormat можно установить с помощью опции Install Package редактора Sublime.

Характеристики

JsFormat предлагает следующие возможности скрипта —

  • Облегчает форматирование файлов JS и JSON.
  • Предлагает полное текстовое форматирование и выбранное форматирование.
  • Предоставляет настраиваемые параметры для параметров форматирования.

JSHint

JSHint — это инструмент сообщества, используемый для анализа ошибок с помощью подсказок. Это помогает обнаруживать ошибки и потенциальные проблемы. JSHint — это пакет с открытым исходным кодом, простой и понятный. Вы можете установить JSHine в Sublime Text editor через режим Install Package .

Чтобы реализовать плагин JSHint в Sublime Text Editor, вы можете использовать сочетание клавиш Alt + J в Windows и Cmd + j в системах OSX.

JavaScriptNext

Этот скрипт используется для выделения синтаксиса файла JS и его связанного значения. Он включает в себя функцию подсветки синтаксиса с различными модулями, функциями стрелок, классами и генераторами.

Вы можете выполнить проверку синтаксиса файла, используя список синтаксиса, как показано на снимке экрана ниже —

Python предлагает unittest , официальную систему модульного тестирования для модульного тестирования сценариев, разработанных перед развертыванием. Он также называется PyUnit . Модульные тесты Python, используемые в Sublime Text editor, называются sublime-unittests и доступны по следующей ссылке:

https://github.com/martinsam/sublime-unittest

Эти модульные тесты содержат ряд полезных фрагментов для облегчения написания тестовых случаев.

Установка UnitTest

Пакет управления Sublime управляет установкой юнит-тестов, и следующие шаги описывают это подробно —

Шаг 1 — Используйте палитру команд Sublime Editor Ctrl + Shift + P для установки пакета, как показано на скриншотах, приведенных ниже —

Шаг 2 — Установленные пакеты используют следующие два основных фрагмента —

  • testclass, который используется для создания нового тестового класса

  • testfunc, который используется для создания новой тестовой функции для нас, чтобы заполнить

testclass, который используется для создания нового тестового класса

testfunc, который используется для создания новой тестовой функции для нас, чтобы заполнить

Шаг 3 — Консоль вычисляет результаты теста, как показано на скриншоте ниже. Обратите внимание, что результат зависит от успеха или неудачи теста.

Результат успеха

Результат неудачи

Примечание. Модульные тесты работают в качестве компилятора для вычисления сценариев в Python.

Sublime Text Editor использует Hunspell для проверки правописания. Hunspell — это проверка орфографии LibreOffice, Mozilla Thunderbird, Google Chrome и многих проприетарных пакетов. Sublime Text редактор включает в себя поддержку словаря для правильной проверки правописания слов.

Словари

Sublime Text включает словари в кодировке UTF-8. Чтобы реализовать словарь с помощью редактора Sublime Text, его сначала нужно преобразовать в UTF-8. Если у пользователя есть словарь в кодировке UTF-8, его можно установить с помощью параметра « Предпочтения» в редакторе Sublime Text.

Вы можете выбрать словарь из меню « Вид» → «Словарь», как показано на данном скриншоте —

Настройки для словаря

Для проверки орфографии в Sublime Text Editor определены две настройки:

  • Проверка орфографии
  • толковый словарь
// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

Эти конфигурации включены в файл настроек . Добавленные и игнорируемые слова сохраняются в пользовательских настройках под ключами add_words и ignored_words соответственно.

Программные пакеты установлены в Sublime Text для дополнительных функций. Вы можете просмотреть список пакетов программ с помощью сочетания клавиш Ctrl + Shift + P в Windows и Cmd + Shift + P в Mac. Обратите внимание на следующие скриншоты для лучшего понимания —

Эти пакеты устанавливаются в каталог « Пакеты → Пользователь», который включает в себя всю необходимую конфигурацию. Чтобы просмотреть пакеты, выберите « Настройки» → «Просмотр пакетов» , как показано на снимке экрана ниже.

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

Рассмотрим созданный пакет sublime-keymap , который включает следующий код:

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

В этой главе вы узнаете об основных параметрах меню Файл, Правка и Перейти в редакторе Sublime Text.

Сохранить с кодировкой

Эта опция включена в меню « Файл», которая помогает сохранять сценарии и файлы с соответствующей кодировкой. Sublime Text Editor включает в себя множество вариантов кодирования скриптов Python, как показано на следующем снимке экрана —

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

Конвертировать дело

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

Например, рассмотрим ключевое слово Monica, включенное в файл, и давайте преобразуем его в верхний регистр. Обратитесь к следующему скриншоту для лучшего понимания —

Перейти к Символу

С помощью этой опции пользователь может искать или получать соответствующее ключевое слово или любую функцию. Эта опция очень полезна, когда у нас более 1000 строк кода, и пользователь должен искать уникальную строку или аннотацию.

На следующем скриншоте показана демонстрация Goto Symbol —

В предыдущих главах обсуждались различные параметры, связанные с меню « Предпочтения» . В этой главе вы узнаете подробно о настройках шрифта редактора Sublime Text.

Sublime Editor предлагает три измерения размеров шрифта — « Больше», «Меньше» и « Сброс», чтобы отменить внесенные изменения. Реализация указанного шрифта возможна, когда пользователь выбирает соответствующий абзац или текст в редакторе.

Рассмотрим выделенный текст в файле functions.py, где вам нужно внести желаемые изменения —

Обратите внимание, что после реализации более крупного шрифта размеры и размер шрифта сценариев будут автоматически изменены на большее измерение.

Каждый редактор включает в себя плагин для разработки, который запускает набор действий и пакетов по умолчанию. Sublime Text редактор включает в себя функцию для разработки собственного настраиваемого плагина. В этой главе подробно обсуждается разработка собственного плагина в Sublime Text.

Плагин для разработчиков

Следующие шаги подробно показывают, как разработать плагин в Sublime Text.

Шаг 1. Выберите параметр « Новый плагин», выбрав « Инструменты» → «Разработчик» → «Новый плагин», как показано ниже —

Шаг 2 — Основной код плагина включает в себя импорт двух основных библиотек: sublime и sublime_plugin .

Код для плагина —

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Шаг 3 — Пользовательские плагины сохраняются в Пакеты → Пользовательская папка. Обратитесь к следующему снимку экрана, который дает вам полное представление о плагинах, сохраненных в редакторе Sublime Text.

Запуск плагина

Когда вы создали плагин и сохранили его, откройте консоль с помощью сочетания клавиш Ctrl + ` в Windows и Cmd +` в OSX и выполните команду, показанную здесь —

view.run_command(plugin-name)

Эта команда выполнит плагин, определенный пользователем со списком действий, включенных в него.

Палитра команд включает в себя список элементов или команд, которые часто используются. Записи команд включены в файл .sublime-commands .

Использование палитры команд

Чтобы открыть палитру команд в редакторе Sublime Text, вы можете использовать сочетание клавиш Ctrl + Shift + P в Windows и Cmd + Shift + P в OSX.

Обычно используемые команды из палитры —

  • Сборка с Python
  • Установить пакеты

Сборка с Python

Это сгенерирует все зависимости и создаст указанный код данного файла Python.

Установить пакеты

С помощью этой команды мы получаем список пакетов, которые могут быть установлены, но не включены ранее.

Все команды, включенные в палитру команд, хранятся в каталоге пакетов. Базовый пример команды, объявленной в файле Default.sublime-commands, показан в приведенном ниже коде —

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Примечание . Файл JSON содержит 3 основных ключа для каждой команды.

  • Имя / Подпись
  • Место нахождения
  • содержание

Отладка — это процесс поиска ошибок и ошибок в данном коде и их исправления. Sublime редактор включает в себя различные плагины, которые имеют функции отладки, которые помогают легко находить ошибки.

В этой главе вы узнаете, как отлаживать веб-приложение на PHP. Для этой цели Sublime использует подключаемый модуль Sublime TestX . Особенности этого плагина —

  • Это расширение используется для отладки файлов и скриптов PHP.

  • Предоставляет список возможностей отладки и профилирования.

  • Поддерживает трассировку стека и параметры реального времени, такие как отображение и функциональность.

Это расширение используется для отладки файлов и скриптов PHP.

Предоставляет список возможностей отладки и профилирования.

Поддерживает трассировку стека и параметры реального времени, такие как отображение и функциональность.

Установка Sublime Plugin

Чтобы установить плагин Sublime Text Xdebug, вам нужно будет выполнить следующие шаги:

Шаг 1 — Установить установку палитры управления пакетами с помощью сочетания клавиш Ctrl + Shift + P или Cmd + shift + P.

Шаг 2. После успешной установки клиента Xdebug файл конфигурации будет сохранен в папке « Установленные пакеты ». Файл конфигурации представляет собой файл JSON, который содержит параметры для отладки веб-приложения PHP.

Шаг 3 — Запустите сеанс отладки PHP-файла с помощью комбинации клавиш Ctrl + F9 . Вы также можете сделать это, используя опцию Start Debug, используя палитру команд.

Шаг 4Разделенные окна XdebugClient покажут вывод файла PHP. Он поддерживает процесс отладки кода построчно. Обратитесь к следующему скриншоту для лучшего понимания —

В Sublime Text Editor есть плагин Web Inspector для отладки кода JavaScript. Это помогает нам устанавливать точки останова, исследовать консоль и оценивать участки кода. В этой главе вы узнаете подробно об этом плагине.

Установка Sublime Web Inspector

Следующие шаги показывают установку Sublime Web Inspector —

Шаг 1

Используйте пункт меню « Настройки» → «Обзор пакетов», чтобы получить путь к установленным пакетам, как показано на скриншоте.

Шаг 2

С помощью командной строки git клонируйте пакеты веб-приложения отладки Javascript с помощью репозитория git, как показано в приведенной ниже команде:

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

Шаг 3

Чтобы проверить установку, откройте командную палитру и запустите веб-инспектор. Вы можете использовать сочетание клавиш для веб-инспектора Ctrl + Shift + R в Windows и Cmd + Shift + R в системах OSX. Вы можете увидеть все точки останова, необходимые для приложения JavaScript, как показано ниже —

Пакетная обработка в Sublime Text также относится к системам сборки . Сборка систем помогает пользователю запускать файлы через внешние программы, такие как make, tidy и интерпретаторы .

Следующие пункты заслуживают внимания при работе с системами сборки —

  • Это файлы JSON и имеют расширение .sublime-build .

  • Чтобы начать процесс сборки, вы можете выбрать опцию Инструменты → Сборка или сочетание клавиш Ctrl + B в Windows и Cmd + B для системы OSX.

Это файлы JSON и имеют расширение .sublime-build .

Чтобы начать процесс сборки, вы можете выбрать опцию Инструменты → Сборка или сочетание клавиш Ctrl + B в Windows и Cmd + B для системы OSX.

Напомним, что на протяжении всего этого урока мы фокусируемся на файлах Python. Возвышенный текст включает в себя два режима сборки для файлов Python.

Когда сборка для Python завершена, вы можете увидеть следующий вывод в редакторе:

Вы можете увидеть список результатов сборки, созданных для конкретного проекта, в редакторе Sublime Text, используя команду Инструменты → Результаты сборки → Показать результаты сборки .

Обратите внимание, что системы сборки и полные файлы, связанные с пакетной обработкой, должны находиться в папке « Пакеты » ( Packages / user ). Многие пакеты в Sublime Editor включают свои собственные системы сборки.

Режим отвлечения внимания в редакторе Sublime Text позволяет отображать код и файлы в полноэкранном режиме. Вы можете войти в режим без отвлечения через опцию Вид → Войти в пункт меню режима отвлечения .

После включения режима отвлечения в редакторе Sublime Text выходные данные будут видны, как показано ниже:

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

настройка

Все свойства настройки без отвлекающего режима редактора Sublime Text включены в JSON-файл Distraction Free.sublime-settings, как показано на приведенном ниже снимке экрана.

На следующем снимке экрана показаны свойства, включенные в свободный от отвлечения режим редактора Sublime.

Обратите внимание, что такие атрибуты, как line_numbers, gutter, draw_centered, wrap_width, word_wrap и scroll_past_end , таковы, что они включают привлекательный режим без отвлечения внимания.

SublimeCodeIntel является важным плагином для редактора Sublime Text. Он предлагает следующие функции —

  • Функция перехода к символу, которая помогает пользователю перейти к файлу и указанной строке символа.

  • Включает библиотеку автозаполнения и отображает модули / символы в режиме реального времени.

  • Подсказки отображают информацию в строке состояния о связанной функции.

Функция перехода к символу, которая помогает пользователю перейти к файлу и указанной строке символа.

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

Подсказки отображают информацию в строке состояния о связанной функции.

Монтаж

Вы можете установить плагин SublimeCodeIntel, выполнив следующие действия:

Шаг 1 — Получить функциональность установочного пакета редактора Sublime Text с помощью сочетания клавиш Ctrl + Shift + P в Windows и Cmd + Shift + P для системы OSX. Обратитесь к следующему скриншоту для лучшего понимания —

Шаг 2 — Теперь выберите плагин SublimeCodeIntel для установки и перезапустите редактор Sublime Text.

Шаг 3 — При успешной установке плагина SublimeCodeIntel ваш экран будет выглядеть так —

конфигурация

Существует две встроенные конфигурации SublimeCodeIntel —

  • Настройки — по умолчанию
  • Настройки — Пользователь

Обратитесь к следующему снимку экрана, который показывает эти конфигурации —

Конфигурация для SublimeCodeIntel включена в файл JSON с именем SublimeCodeIntel.sublime-settings . Конфигурация, необходимая для каждого языка, включена в плагин SublimeCodeIntel, как показано ниже:

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

Эти конфигурации могут быть настроены по мере необходимости. Это зависит от количества модулей / библиотек, установленных пользователем, с различными параметрами, такими как размер и сложность проекта, над которым работает пользователь.

Как мне переформатировать HTML-код с помощью Sublime Text 2?

Решение:

Для этого вам не нужны плагины.
Просто выделите все строки ( Ctrl A ), а затем в меню выберите Edit → Line → Reindent.
Это будет работать, если ваш файл сохранен с расширением, содержащим HTML, например .html или .php .

Если вы делаете это часто, вам может пригодиться следующее сопоставление клавиш:

  {"keys": ["ctrl + shift + r"], "command": "reindent", "args": {"single_line": false}}
  

Если ваш файл не сохранен (например,грамм. вы только что вставили фрагмент в новое окно), вы можете вручную установить язык для отступа, выбрав в меню Вид → Синтаксис → язык выбора перед тем, как выбрать опцию повторного отступа.

Существует полдюжины способов отформатировать HTML в Sublime. Я протестировал каждый из самых популярных плагинов (подробности см. В описании, которое я сделал в своем блоге), но вот краткий обзор некоторых из самых популярных вариантов:

Reindent command

Плюсов:

  • Поставляется с Sublime, поэтому установка плагинов не требуется

Минусы:

  • Не удаляет лишние пустые строки
  • Не может обрабатывать минимизированный HTML, строки с несколькими открытыми тегами
  • Не форматирует правильно