Sublime text платный или нет
Заметка: активирована адаптивная версия сайта, которая автоматически подстраивается под небольшой размер Вашего браузера и скрывает некоторые детали сайта для удобства чтения. Приятного просмотра!
Sublime Text 2 – это вторая версия кроссплатформенного редактора исходных кодов Sublime Text. Кроссплатформенность означает, что неважно какая у вас операционная система: Windows, Linux или что-либо ещё, он будет работать везде. Программа является бесплатной, однако примерно раз в один час, при сохранении файла будет вылезать окошко с просьбой купить данный продукт. Ах да, ещё в названии окна с Сублаймом будет написано UNREGISTERED, на этом разница «бесплатной» и «платной» версий заканчиваются.
Ещё пару слов о «бесплатности» программы. Вообще на сайте написано, что скачать программу и проверить её работоспособность мы можем и бесплатно, но потом должны заплатить за её лицензию. Однако там также написано, что срок, в течение которого мы должны это сделать, НЕ ограничен. Так что можно ни о чём не волноваться и пользоваться на здоровье.
Эта статья будет слегка нетрадиционной, потому что я хочу начать с моментов, которые меня совсем не радуют в этом редакторе, а уже после мы поговорим о достоинствах.
О Sublime Text
Sublime Text — это кроссплатформенный текстовый редактор, разработанный для пользователей, которые ищут эффективный, но минималистский инструмент для редактирования кода. Редактор, конечно же, прост, в котором отсутствуют панели инструментов или диалоговые окна.
Пристальный взгляд изнутри показывает мощный текстовый редактор, в который загружены плагины, умные функции автозаполнения и многое другое.
Официальный сайт Sublime Text
Внешний вид редактора Sublime Text 3. Настройка Sublime Text 3
Внешний вид редактора Sublime Text 3 очень стильный и приятный, но дело не только в этом, Sublime Text 3 очень отзывчивый и не тормозит, ничего здесь не происходит рывками, всё реализовано плавно, без задержек, раздражающих подергиваний и зависаний. За настройку внешнего вида JavaScript редактора Sublime Text 3 отвечают две вкладки: View и Preference. Начнем с вкладки View:
- Верхний блок настроек позволяет управлять элементами окон редактирования кода. Здесь вы можете показать или спрятать сайдбар Sublime Text Так же можно спрятать или открыть навигацию по вкладкам данного JavaScript редактора. То же самое можно сделать со статусной строкой, консолью и меню.
- Второй блок настроек вкладки View Sublime Text 3 позволяет открывать его в полноэкранном режиме, у Sublime Text 3 таких режимов два.
- Третий блок настроек позволяет нам управлять областью или областями редактирования, выберете для себя удобный режим и вносите изменения сразу в четыре файла одновременно, не переключаясь между вкладками.
- Всё, что расположено ниже мы уже описали ранее, повторяться не будем.
Во вкладке Preference есть два интересных для нас пункта: Font и Color Scheme. Первый позволяет управлять шрифтами JavaScript редактора Sublime Text 3, второй пункт позволяет изменить тему Sublime Text 3.
Собственно, на этом мы можем завершить рассказ о настройке внешнего вида JavaScript редактора Sublime Text 3
Недостатки Sublime Text 2 vs. PHPDesigner 8
Перед тем как начать пользоваться Sublime Text 2 я использовал PHPDesigner 8 (платный редактор), в котором меня устраивало абсолютно всё, до того момента как он перестал быть стабильным: начались случаи, когда при редактировании и сохранении файлов через встроенный ФТП что-то шло не так и сохранение зависало. В результате половина файла оказалась стёртой. Это было большой неожиданностью и неприятностью. После этого я дал ему второй шанс, работая к тому времени уже на другом хостинге (вдруг дело в самом хостинге и его FTP?), но нет, случай повторился, после чего я навсегда отказался от PHPDesigner, однако советую вам его опробовать. Вполне вероятно, что у вас может и не случится такой неприятности, главное не забывайте делать резервные копии ;)
Что первым бросилось мне в глаза? Сильно уступающая подсветка PHPDesigner’у. В PHPDesigner была реализована контрастная подсветка в зависимости от того, на какой части кода (PHP, JS, HTML) находится в данный момент фокус, все остальные языки при этом затемнялись, подсвечивался лишь редактируемый.
Ну да ладно, это хоть и очень удобно, но не всем же иметь такую прелесть :) Однако стандартная подсветка Sublime Text 2, лично для меня, уступает даже Notepad++, в котором подсветка явно нагляднее и все ключевые моменты выделены гораздо заметней. Если покопаться, то думаю можно переделать подсветку, но у меня не возникло желания на подобную возню, в целом она сгодится.
Второе, с чем мне пришлось мириться, это невзрачная подсветка вкладки, в которой произошли изменения, но ещё не были сохранены. У Sublime , в отличие от PHPDesigner (где название такой вкладки становилось ярко красным), разница в окне, где не было никаких изменений и в окне, где было редактирование файла - лишь в маленьком сером крестике, который изменится с крестика на такой же серый кружочек. Когда работаешь на недостаточно контрастных мониторах, либо когда на экран попадает свет это абсолютно не заметно и не понятно, сохранял ты изменения или нет. После работы с PHPDesigner это правда было очень неудобным для меня, так как из-за отсутствия какого-либо уведомления, я попросту забывал сохранять изменения. Как оказалось, эту проблему можно решить всего одной строчкой в настройках редактора. Теперь название вкладки с изменениями становится ярко-оранжевым. Как это сделать я напишу в самом конце статьи.
И третье, это немного не стандартное решение по работе с ФТП, вам всё равно придётся скачивать файлы себе на компьютер и редактировать их у себя на компьютере…, но в этом есть и свои плюсы.
Преимущества и недостатки Sublime Text
Редактирование кода
Начать работу с редактором довольно просто, здесь, в отличие от многих профессиональных, доступ ко всем опциям возможен с помощью вызова контекстного меню. Кроме того, нет необходимости изучать различные режимы, как во многих аналогах. Все сочетания клавиш легко выучить в процессе работы. Редактор можно назвать идеальным для начинающих программистов.
Палитра команд
Со временем в любой момент можно перейти на полноценную IDE. Бонусом станет то, что плагины для Sublime Text пишутся на Python, а это значит, что для их написания не придется изучать другой язык программирования.
Самое главное в любом редакторе — это инструменты для работы с кодом и текстом. В этом плане Sublime Text действительно может похвастаться широкими возможностями. В редакторе предусмотрена функция автозавершения кода — если ввести часть известной функции, Sublime Text ее дополнит.
Автозавершение кода
С помощью макросов можно записывать и воспроизводить потом различные действия, например, ввод текста, копирование или вставка. Функция поиска и замены позволяет искать как по всему документу, так и только по выделенной части.
Поиск и замена
Плагины
Благодаря поддержке плагинов можно существенно расширить функционал приложения и упростить работу с ним. Например, используя дополнительные плагины, легко создавать готовые каркасы для HTML, искать проблемы в коде, добавлять подсветку синтаксиса для других языков программирования.
Есть плагины, с помощью которых можно сравнивать разные документы, добавлять в панель инструментов кнопку «открыть в браузере», генерировать для HTML таблицы, списки и другие формы.
Вывод
Sublime Text — по достоинству является одним из самых популярных текстовый редакторов. Мы перечислили все типы полезных плагинов, которые помогут работать быстрее и эффективнее в вашем проекте. Достойную конкуренцию редактору составляет ПО с открытым исходным кодом Atom. Подробнее о тестовом редакторе Atom в этой статье.
Интерфейс Sublime Text (версия 3.2.2)
Этот инструмент отлично подходит как профессиональным программистам и веб-разработчикам, так и новичкам. Программа разработана, в первую очередь, для работы с Python, в то же время предусмотрена поддержка и многих других языков программирования.
Скачайте бесплатно последнюю версию Sublime Text на нашем сайте по прямой ссылке. Редактор кода имеет встроенную поддержку русского языка и работает с Windows 10, 8, 7, Vista, XP. Мы описали некоторые базовые функции программы ниже, а также составили инструкцию по установке.
Advanced New File
Этот инструмент позволяет создавать новые файлы быстрее. Конечно, мы используем папки и меню для добавления новых файлов на главную страницу кодирования, но этот процесс занимает немного времени.
Если вы работаете над проектом, который завершается в кратчайшие сроки, то этот плагин Advanced New File для вас подходит.
Инструменты Sublime Text
Sublime Text предлагает множество функций, которые упрощают компиляцию кода.
- Goto Anything — это удобная функция, которая позволяет легче получать доступ к файлам. Для перехода к аспектам скомпилированного кода, таким как символы, строки или слова, требуется всего несколько действий.
- Сопоставление скобок — это функция, которая позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение — это удобный инструмент, который позволяет быстро менять строки кода на ходу. Изменяйте имена переменных или даже файлов.
- Наличие мощного Python API в Sublime выделяет текстовый редактор среди конкурентов. Мощный встроенный API позволяет Sublime достигать большей функциональности, позволяя плагинам расширять встроенную функциональность.
- Кроссплатформенность — Sublime Text доступен на нескольких клиентских компьютерах, включая Windows, Mac и Linux.
Установка
Gutter
Боковая панель Gutter помогает программистам добавлять подсказки для тестов. В результате, легко понять смысл или любые предложения, предоставленные разработчиками или программистами при работе над проектом.
Плагин GitGutter позволяет программистам добавлять подсказки или размечать коды с помощью ссылки на источник. Кроме того, используйте этот плагин для сравнения ваших файлов на главной странице кодирования.
Интерфейс
Подсветка синтаксиса — это первое, на что обращают внимание большинство пользователей. По умолчанию редактор поддерживает большое количество языков, а на выбор представлено более двадцати вариантов подсветки.
Подсветка синтаксиса
Внимания заслуживает полноэкранный режим, где рабочее пространство может занимать всю площадь экрана — это удобно, когда нужно, чтобы во время работы ничего не отвлекало. Уникальная особенность — миникарта, где в колонке умещается несколько экранов, между которыми можно переключаться, работая одновременно с парой документов.
Вкладочный интерфейс
Удобно в редакторе реализована функция мультипанелей, благодаря которым работать можно одновременно с несколькими документами в одном окне — во многих случаях это лучше, чем работа с независимыми окнами.
Еще одна особенность — подсветка парных скобок. Здесь нужно только установить курсор внутри сложной функции, и автоматически будут подсвечены парные скобки.
Настройки редактора
Плагины для Sublime Text
Terminal
Terminal — еще один полезный плагин для пользователей Sublime Text 3. Этот плагин помогает открывать терминалы прямо со страницы, на которой вы сейчас работаете. В результате, вам не нужно закрывать текущее окно или запускать какой-либо другой инструмент в компьютерной системе.
Терминал находится в списке лучших плагинов года для пользователей Sublime Text 3. Этот плагин также повышает производительность, так как экономит много времени и дает достаточно времени для работы над основной частью кода вашего проекта.
Преимущества
Программа отличается от многих редакторов понятным и удобным интерфейсом, который не требует времени на изучение. К другим преимуществам следует отнести:
- Бесплатное распространение;
- Автоматический перенос слов и строк по заданной ширине;
- Возможность настраивать отступы;
- Гибкая настройка шрифтов и подсветки;
- Полностью настраиваемый интерфейс;
- Поддержка большого числа языков программирования;
- Удобство использования (для опытных пользователей).
Установка на компьютер
Для установки Sublime Text вам понадобится скачать установочный файл с нашего сайта. Далее запустить его и следовать дальнейшей инструкции.
Путь установки
1. Выберите путь (каталог) установки редактора и нажмите «Next >».
Настройки установки
2. Опциональные настройки установки, выберите добавлять ли ярлык в контекстное меню Windows и на рабочий стол.
Начало установки
3. Все готово к инсталляции программы. Нажмите «Install».
Копирование файлов
4. Процесс копирования файлов программы и прочие инсталляционные действия. Просто немного подождите…
Завершение установки
5. Установка Sublime Text завершена! Нажмите «Finish».
Преимущества Sublime Text 2 vs. PHPDesigner 8
Несмотря на то, что я до сих пор считаю PHPDesigner 8 лучше, Sublime Text 2 имеет множество преимуществ. Среди них приятный общий дизайн, плавные анимации, в том числе при работе с файлами и папками ftp, более быстрая загрузка. Также в Sublime Text есть много интересных фишек при работе с кодом, которые отсутствуют в PHPDesigner, некоторые из них встретятся в списке ниже.
Копирование строк. Для копирования строки целиком в Sublime Text 2 вам достаточно кликнуть левой кнопкой мыши по строке и нажать Ctrl + C. Вам не нужно обводить всю строку, чтобы скопировать её целиком, просто одинарный клик.
Вертикальное выделение текста. Чтобы выделить текст по вертикали достаточно зажать Shift и правой кнопкой мыши (пкм) выделить необходимый фрагмент.
Вы можете печатать в нескольких местах одновременно! Допустим, вначале вы верстали макет своего сайта без закрывающегося тега
, а потом решили, что так делать всё-таки не хорошо, и теперь вам нужно в десяти разных местах дописать закрывающийся тег параграфа. Но вам не нужно делать это 10 раз, вы можете написать этот тег в 10 разных местах одновременно! Для этого нужно кликнуть левой кнопкой мыши в необходимых местах при этом зажав Ctrl, после чего можете приступать к редактированию и наблюдать, как вы печатаете сразу в 10 местах!
Мультивыбор для быстрого редактирования переменных. Вы можете быстро найти все упоминания переменной на странице, чтобы переименовать её или стереть. Для этого кликните по нужной переменной (или выделите нужный участок текста) и используйте Ctrl + D для выбора следующего вхождения этой переменной. Другими словами, если переменная встречается 3 раза на странице, вы должны сделать клик левой кнопкой мыши (лкм) по ней, а затем трижды нажать Ctrl + D.
Интеллектуальная расстановка кавычек и скобочек. Если вы написали слово или фразу, а только потом вспомнили, что его (её) нужно заключить в кавычки или скобочки, вы можете просто выделить этот участок и единожды нажать клавишу нужной скобочки или кавычки. Они сами появятся в начале и в конце выделенного фрагмента.
Аналогично можно применять и комментирование. Для того чтобы быстро закомментировать нужную часть кода: выделите её курсором и нажмите Ctrl + Shift + / Точно также вы можете и снимать комментарии!
Также в Сублайме, как и полагается всем достойным редакторам, присутствует автозамена по регулярным выражениям, которая вызывается с помощью комбинации клавиш Ctrl + H
Поиск по функциям. Просто нажмите Ctrl + R и вы увидите список всех встречающихся функций на странице, из которого можете моментально перейти к нужной.
Я перечислил далеко не все возможности Sublime Text 2 , а лишь те, которыми успел попользоваться сам. Ещё среди достоинств Сублайма нужно отметить быстрый и удобный поиск по файлам и папкам, возможность нечёткого поиска, большое количество бесплатных плагинов и ещё довольно много полезных вещей.
Почему Sublime Text 3 не является бесплатным редактором
Я хочу заметить, что Sublime Text 3 не является бесплатным редактором. Он стоит денег и цена ему 70 вечно зеленых купюр. В принципе, для нашей страны – это неплохие деньги, для США – это не так уж и много. Sublime Text 3 не имеет никакой защиты от нелегального использования за исключением ненавязчивого окна с предложением купить лицензионную копию, которое периодически всплывает.
Из-за такой ненавязчивости Sublime Text 3 многие у нас считают бесплатным, выхода здесь два: либо не использовать Sublime Text 3, либо купить его копию у разработчика. Рекомендовать использовать бесплатно JavaScript редактор Sublime Text 3 я вам не буду.
Преимущества
- Sublime Text — это легкий текстовый редактор, который подойдет любому программисту. Программа сделана со скоростью, находящейся в ее основе. Особенность программы в ее скорости и отзывчивости пользовательского интерфейса.
- В редакторе доступно множество плагинов, которые интегрируются в одном месте.
- Полностью настраиваемый — текстовый редактор создан, чтобы позволить конечному пользователю легко «поиграть» с ПО на свой лад. Sublime позволяет настраивать множество функций, включая: привязки клавиш, меню, фрагменты, макросы и многие другие. Кроме того, изменяйте внешний вид, настроив свои темы для ПО.
- Кроссплатформенная поддержка — в редакторе доступна на большинстве распространенных настольных клиентов, включая Windows, macOS и Linux.
- Sublime с открытым исходным кодом, соответственно бесплатный. Но в то же время, ПО также можно купить – по желанию. Важно отметить, что бесплатная версия работает просто отлично.
- С редактором, вы можете комфортно переключаться между различными файлами. К тому же, благодаря функции Goto Anything, доступ к которой получаете непосредственно с клавиатуры с помощью клавиш Ctrl или Command + P.
- Простота в использовании. Редактор подходит для любого пользователя, независимо от уровня его опыта.
Установка Package Control в Sublime Text 2
Далее запускаем наш ярлык или заходим в папку с редактором и запускаем sublime_text.exe. Теперь мы должны установить Package Control, чтобы у нас появилась возможность устанавливать плагины прямо из интерфейса редактора. Для этого жмём Ctrl + ~ (тильда, Ё) и вставляем в появившуюся форму следующий код:
Жмём Enter после чего в этом же окошке нам напишет «Please restart Sublime Text to finish installation», нужно перезагрузить Сублайм, что мы собственно и сделаем. Вот и всё, теперь мы можем устанавливать любой понравившийся нам плагин для Sublime Text 2.
Плюсы и минусы
Интерфейс редактора Sublime Text 3
Всё управление JavaScript редактора Sublime Text 3 собрано в левом верхнем углу, плюс имеются консольные команды. Про консоль Sublime Text 3 мы, возможно, поговорим отдельно.
Интерфейс редактора Sublime Text 3
Начнем по порядку: вкладка «File» позволяет вам управлять файлами редактора Sublime Text 3. В принципе, ничего особенного или выдающегося в этой вкладке нет и что-то выделить я не могу. Но что мне действительно нравится так это то, что есть карта кода.
Работа с файлами в JavaScript редакторе Sublime Text 3
Карту кода или карту файла можно использовать вместо скролла и по сути – это миниатюра разработанного документа, файла, скрипта.
Карта кода в JavaScript редакторе Sublime Text 3
Вторая вкладка «Edit» отвечает за быстрое редактирование кода. Все элементы данной вкладки содержат подсказки в виде горячих клавиш Sublime Text 3.
Быстрое редактирование в JavaScript редакторе Sublime Text 3
Запоминайте горячие клавиши и эффект, который они дают, тогда рутинная работа по редактированию и форматированию кода станет намного легче и быстрее. Следующая вкладка «Selection», данная вкладка позволяет выделять строки и слова в рассматриваемом JavaScript редакторе.
Быстрое выделение кода в JavaScript редакторе Sublime Text 3
Прошу сильно не удивляться, но выделение в Sublime Text 3 может быть разным, выделять можно по-разному и это значительно упрощает процесс редактирования кода. Следующая вкладка – «Find». Поиск в Sublime Text 3 тоже можно осуществлять по-разному.
Поиск в редакторе Sublime Text 3
Поиск может быть осуществлен, как по открытому файлу, так и по группе файлов, которые вы укажете Sublime Text 3. Еще можно делать поиск по шаблону и кучу других поисков, в общем, экспериментируйте с поиском, реализованным в этом JavaScript редакторе. Вкладка «View» отвечает за настройки внешнего вида в Sublime Text 3.
Настройки внешнего вида в Sublime Text 3
Про эту вкладку мы поговорим несколько подробнее ниже, сейчас же отметим, что здесь есть пункт «Syntax», который позволяет выбрать подсветку синтаксиса файла, с которым вы работаете. Вкладка «Goto» или вкладка быстрого перехода. Данная вкладка позволяет быстро перемещаться по документу, открытому на редактирования в Sublime Text 3.
Вкладка быстрого перехода в Sublime Text 3
Вкладка «Tools» будет очень полезна для опытных пользователей. Здесь можно делать многое, например, вызвать сниппет, создать сниппет, создать новый плагин для Sublime Text 3. И многое другое, но это тема для отдельной публикации и притом не одной.
Вкладка «Tools» в JavaScript редакторе Sublime Text 3
Вкладка Project позволяет управлять проектами в JavaScript редакторе Sublime Text 3. Сказать тут больше особо нечего.
Вкладка управления проектами в JavaScript редакторе Sublime Text 3
Вкладка «Preference» позволяет настроить внешний вид JavaScript редактора Sublime Text 3, об этом мы поговорим чуть ниже.
Вкладка настроек JavaScript редактора Sublime Text 3
Недостатки
Несмотря на все свои достоинства, программа не может стать заменой полноценной IDE.
- Нет встроенной консоли;
- Есть проблемы с обратной совместимостью;
- Не поддерживает русский язык.
Скачайте Sublime Text бесплатно с помощью MultiSetup или по прямой ссылке.
Как пользоваться
Инструкция по установки Sublime Text, в которой рассмотрены: установка программы, интерфейс редактора, установка и использование плагинов, написание кода, использование функций, темы оформления и цветовые схемы, пользовательские настройки.
Emmet
Emmet — один из самых популярных плагинов Sublime Text 3, который загружен более 4 миллионов раз по всему миру. Вместо использования JavaScript этот плагин работает с CSS и HTML, что упрощает работу пользователей.
В результате, это позволяет добавлять коды через сниппеты, что значительно ускоряет весь процесс для программистов. Плагин требует базовых знаний HTML и CSS.
DockBlockr
DockBlockr — еще один важный инструмент, доступный для профессиональных кодов, которые используют редактор. Этот инструмент облегчает утомительную задачу документирования ваших кодов, предоставляя простую и оптимизированную функциональность.
К тому же, инструмент позволяет пользователям добавлять базовые документы, парсинг функций, параграфы и другие элементы, включенные в строки кода.
Установка Sublime Text 2
Для установки Sublime Text 2 на ваш компьютер перейдите на официальный сайт кликнув здесь и нажмите кнопочку Download for [ваша платформа].
Недостатки
- При поддержке плагинов, к сожалению, некоторые их них в редакторе все еще глючат. Необходимо требовательно подходить к выбору плагинов
Расширение возможностей JavaScript редактора Sublime Text 3
Возможности JavaScript редактора не ограничиваются подсветкой синтаксиса, автодполнением, удобным поиском, прекрасным набором горячих клавиш, который делает редактирование кода заметно проще. Мы можем расширять возможности Sublime Text 3 при помощи плагинов, которые создают сторонние разработчики. А так же при помощи сниппетов.
Мы уже говорили о том, что сниппеты в Sublime Text 3 – это небольшие шаблоны кода, которые можно вызвать в нужное время и в нужном месте, в одной из следующих публикаций мы поговорим о том, как создать сниппет в Sublime Text 3.
Так же в арсенале JavaScript разработчика, использующего Sublime Text 3 есть масса полезных и бесплатных плагинов, которые очень помогают и облегчают разработку. Про установку плагинов и расширений Sublime Text 3 я планирую написать отдельный пост.
Инструменты
- Проекты — есть возможность объединить несколько файлов в один проект и применять к ним одновременно одинаковые операции;
- Удобная навигация — в правой части окна отображается структура кода в миниатюре, где можно быстро перемещаться по документу;
- Палитра команд — этот инструмент позволит повысить продуктивность, так как самые необходимые команды можно запускать из палитры;
- Мультивыделение — функция обеспечивает возможность выделять одновременно несколько разных блоков;
- Горячие клавиши — в настройках программы можно заменить установленные по умолчанию сочетания клавиш на любые другие.
Горячие клавиши
Клавиши | Действия |
---|---|
Ctrl + l | Выделить строку |
Ctrl + Shift + M | Выделить текст между двумя парными скобками |
Ctrl + Shift + A | Выделить текст между двумя парными тегами |
Ctrl + Shift + J | Выделить текст с соответствующим отступом |
Ctrl + Shift + Space | Выделить по контексту |
Ctrl + Shift + Left | Выделить слово слева |
Ctrl + Shift + Right | Выделить слово справа |
Ctrl + A | Выделить весь текст |
Ctrl + Shift + Up | Переместить выделенные строки вверх |
Ctrl + Shift + Down | Переместить выделенные строки вниз |
Сtrl + Shift + D | Дублировать строку |
Ctrl + Shift + K | Удалить строку |
Ctrl + J | Объединить выделенные строки |
Alt + Q | Объединить строки в параграфе |
Ctrl + Enter | Добавить пустую строку под курсором |
Ctrl + Shift + Enter | Добавить пустую строку над курсором |
Ctrl + / | Добавить или убрать однострочный комментарий |
Ctrl + Shift + / | Добавить или убрать блочный комментарий |
F9 | Отсортировать строки в алфавитном порядке |
Ctrl + F9 | Отсортировать строки в алфавитном порядке с учетом регистра |
Ctrl + K, Ctrl + L | Трансформировать выделенный текст в нижний регистр |
Сtrl + K, Ctrl + U | Трансформировать выделенный текст в верхний регистр |
Alt + . | Закрыть незакрытый тег |
Alt + Shift + W | Обернуть тегом выделенный текст |
Ctrl + C | Копировать |
Ctrl + V | Вставить |
Ctrl + Shift + V | Вставить с отступом |
Ctrl + X | Вырезать |
Ctrl + Z | Отмена последнего действия |
Ctrl + Shift + Z | Повторить последнее отмененное действие |
Еще записи о создании сайтов и их продвижении, базах данных, IT-технология и сетевых протоколах
Возможности программы
Возможности JavaScript редактора Sublime Text 3
Я уже писал про Sublime Text 2 в восторженных тонах, теперь поговорим про Sublime Text 3, который, впрочем, внешне ничем не отличается от своего предшественника, но заметно быстрее, надежнее и гибче. В отличии от CSS редактора Brackets, Sublime Text 3 «не страдает» болезнью, связанной с большим количеством плагинов или мне так кажется, поскольку у меня плагинов не так много.
Теперь мне стоит немного объясниться с тем, почему я написал: JavaScript редактор Sublime Text 3. Нет, понятно, что Sublime Text 3 прекрасный редактор, который стоит своих денег, не совсем понятно, почему JavaScript редактор. Дело всё в том, что для Sublime Text 3 написано столько плагинов для JavaScript разработчиков, что это нельзя не замечать. Хотя Sublime используется и для верстки макетов, и для серверного программирования, например, на PHP, да и вообще поддерживает различные синтаксисы.
Редактор Sublime Text 3 не бесплатный, но он стоит тех денег, что за него просят. Я уже говорил, что для него написано масса плагинов для самых различных направлений, ключевым, на мой взгляд, для этого редактора является JavaScript разработка. Помимо плагинов в Sublime Text 3 есть огромное количество горячих клавиш, которые очень существенно расширяют возможности редактирования и упрощают этот процесс до безобразия.
Но это еще не всё, помимо прекрасного внешнего вида, плагинов и гибкого редактирования, JavaScript редактор Sublime Text 3 имеет так называемые сниппеты. Грубо говоря, сниппет это заготовка кода (шаблон кода), которая будет автоматически подставлена в редактируемый файл при вводе определенной последовательности символов. Не стоит путать сниппеты Sublime Text 3 с плагином Emmet. Как минимум, потому, что шаблон сниппета может быть написан на любом языке.
Помимо всего прочего, в Sublime Text 3 есть подсветка синтаксиса и шикарное автодополнение кода. Также у Sublime Text 3 есть консоль, которая позволяет видеть, всё что происходит в редакторе и, с помощью которой мы можем устанавливать всевозможные расширения для JavaScript редактора Sublime Text 3.
Подведем итого: Sublime Text 3 – это удобный, очень стильно сделанный редактор JavaScript кода, который ускоряет разработку в разы, по крайней мере, ее рутинную часть за счет использования встроенных функций, сниппетов и плагинов.
Sublime Linter
Sublime LinterSublime Linter — необходимый плагин для кодов и программистов, работающих в команде для конкретного проекта. Этот плагин заботится о каждом члене команды, предоставляя подходящую основу для проекта.
Sublime Text 2: установка плагина SFTP
Теперь мы наконец-то сможем установить такой важный плагин, как SFTP, который поможет нам редактировать файлы, лежащие прямо на FTP хостинг провайдера (а не на локальном компьютере). Кстати говоря, здесь тоже не всё так просто как хотелось бы, нам всё же придётся скачать наш сайт с ФТП и разместить его у себя на компьютере, но с помощью этого плагина при редактировании файлов у себя на компьютере они автоматически будут загружаться по FTP на сервер вашего сайта. Так что в принципе суть та же, разве что у вас всегда будет копия вашего сайта на компьютере. В PHPDesigner, между прочим, таких танцев с бубном нет, там работа с FTP сразу встроена и скачивать сайт себе на компьютер не нужно.
Тем не менее, устанавливать плагины в Сублайме очень удобно, делается это всё с помощью уже настроенного нами Package Control. Заходим во вкладку Preferences и в самом низу выпадающего списка выбираем Package Control.
Далее в появившемся окне жмём на Install Package:
После чего пишем название нужного нам плагина, в нашем случае это SFTP. Выбираем из списка SFTP плагинов тот, который называется просто SFTP и устанавливаем его. Далее нам потребуется создать отдельную папку для каждого сайта, который вы хотите редактировать с помощью Sublime Text 2 и его плагина SFTP. Название папки может быть каким угодно, скачиваем в эту папку желательно весь наш сайт (в принципе, можно скачивать только те файлы и папки в которых они находятся, которые вы собираетесь редактировать), затем перетягиваем эту папку прямо в Сублайм, у нас должна появиться левая колонка, которая специально предназначена для наших проектов. Далее жмём правой кнопкой мыши по папке - SFTP/FTP - Map to remote…
У нас открылся файл конфигурации, в котором нужно заполнить настройки подключения к нашему ФТП, а также выставьте в строке "upload_on_save": true, чтобы при сохранении изменений на вашем компьютере файл автоматически изменялся и на ФТП. Ещё нужно изменить значение с sftp на обычное ftp. И не забудьте раскомментировать и заполнить 18 и 19 строки:
remote_path – адрес папки, к которой вы хотите присоединиться, можете оставить просто слеш (/), чтобы иметь доступ ко всем файлам и папкам вашего сайта. Эту настройку удобно использовать, если вы, к примеру, скачивали не весь сайт, а только ту папку, с которой собираетесь работать.
Вроде бы по установке плагина всё рассказал, точно также устанавливается любой другой плагин. Да, ещё один момент, я говорил, что вам придётся скачивать файлы себе на компьютер и в этом даже есть свои плюсы. Лично я насчитал их 2: у вас всегда есть актуальная резервная копия вашего сайта на компьютере; в отличие от работы напрямую с ФТП, не приходится ждать «подгрузки» каждой папки, ведь папки то у нас на компьютере. Между прочим, мне действительно очень нравится данный плюс, несмотря на неудобства скачивания сайтов себе на компьютер.
Возможно, эти записи вам покажутся интересными
Открываем рубрику Полезные программы и ее раздел инструменты разработчика и редакторы. Первая публикация рубрики Бесплатные полезные программы…
Package Control
Если вы являетесь постоянным пользователем инструмента Sublime Text 3, тогда плагин Package Control является наиболее важным для вас. Плагин управления пакетами позволяет легко устанавливать, просматривать, загружать, обновлять плагины и пакеты в редакторе.
Этот мощный плагин прост и понятен и хорошо работает с кодами, чтобы быстро находить и устанавливать пакеты.
JavaScript редактор Sublime Text 3: где скачать Sublime Text 3 и как его настроить
JavaScript редактор Sublime Text 3: где скачать Sublime Text 3 и как его настроить
Данная запись не ставит перед собой цели описать все возможности Sublime Text 3 или задокументировать их. Также прошу не относиться к ней, как к рекламе этого JavaScript редактора. Этот редактор не нуждается в представлении и уже завоевал толпы поклонников по всему миру, и это не преувеличение. Sublime Text 3 очень гибкий и расширяемый редактор, при этом расширения не влияют на скорость его работы. В то же время Sublime Text 3 очень прост в освоение, имеет легкий, стильный и интуитивно понятный интерфейс. Все двигающиеся элементы Sublime Text 3 двигаются плавно и естественно без раздражающих скачков и подергиваний, доставляя не только моральное удовольствие от того, что вы занимаетесь любимым делом, но и эстетическое, ну да ладно, это не самое главное, что есть в подопытном JavaScript редакторе. Итак, приступим к обзору JavaScript редактора Sublime Text 3.
Где скачать Sublime Text 3. Установка Sublime Text 3 на Windows
Где скачать Sublime Text 3. Установка Sublime Text 3 на Windows
Обратите внимание, что на сайте два раздела: в одном вы скачиваете Sublime Text 3, в другом разделе вы его оплачиваете, так как Sublime Text 3 не является бесплатным редактором и стоит он 70$. Установку Sublime Text 3 на Windows я не буду описывать подробно, так как у программы есть инсталлер, запустив который, вы его успешно установите. Установка Sublime Text 3 на Windows не требует каких-либо сторонних библиотек и расширений.
Наглядная подсветка вкладок в Сублайм Текст 2
В заключительной части, как и обещал, поделюсь с вами тем, что лично мне создавало большие неудобства после работы с платным редактором PHPDesigner 8 – я имею ввиду подсветку вкладки, в которой произошли не сохраненные изменения. Все что вам необходимо сделать, это зайти в Preferences / Settings – User и проследить, чтобы у вас была такая строка:
Всего то на всего, а сколько приятного :) Вот и подошёл к концу мой обзор, теперь вы знаете о таком замечательном редакторе как Sublime Text 2 и уж точно вооружены и готовы к написанию собственных веб-проектов. В следующей статье я сделаю «обзор» и поделюсь своими впечатлениями от работы с платным редактором кодов PHPDesigner 8, а на сегодня всё, спасибо за внимание и до встречи в новых статьях!
Пару месяцев назад я случайно наткнулся на массу положительных отзывов о текстовом редакторе Sublime Text 2. Попробовав его в деле, я не разочаровался. Теперь это мой основной рабочий инструмент.
Sublime Text 2 — это платный текстовый редактор, написанный на C++, который:
- Работает в Linux, OS X и Windows
- Обладает приличной скоростью работы
- Приятным интерфейсом (включая всевозможные анимации)
- Гибко настраиваем (правда, не в GUI, а в json-конфигах)
- Имеет множество плагинов, число которых растёт как на дрожжах
- Поддерживает VIM-режим
- Использует fuzzy-поиск
Вопрос цены
Редактор условно-бесплатный или «условно-платный» :) Стоит 59 $ за лицензию (если брать сразу много — есть скидка), но им можно пользоваться и бесплатно. В бесплатном режиме раз в пару часов выскакивает диалоговое окно с предложением редактор приобрести, а также в заголовке окна капсом написано UNREGISTERED. Насколько я знаю, других отличий нет.
Интерфейс
Одно из первых впечатлений о программе — она красива из коробки. Правильно подобранные шрифты, цветовая схема, плавные анимации (их здесь больше, чем в большинстве текстовых редакторов и IDE). Всё это имеет смысл, т.к. в итоге радует глаз и не отвлекает внимания. До тех пор, пока редактор не перегружен плагинами, он обладает весьма быстрым откликом, от чего я успел отвыкнуть, используя NetBeans.
Первое что бросается в глаза — отсутствие какой-либо панели инструментов. Также я пока не встретил ни одного диалогового окна, кроме стандартных окон сохранения/открытия файла. Вместо диалоговых окон используются «слои». Символы пробела и tab-а отображаются только при выделении текста, но в настройках можно задать режим «всегда».
Справа по борту расположена карта кода. Своеобразный аналог прокрутке страницы в виде pixel-карты, которая представляет из себя сжатый до ~100px по горизонтали код текущего файла (включая подсветку синтаксиса). Помогает в ориентировании по файлу, а также упрощает прокрутку страницы, т.к. действует аналогично scrollbar-у. Сложно наверняка сказать «киллер-фича» это или очередная «свистелка», но в течение всего времени использования у меня так и не возникло желания убрать её.
Доступны полноэкранный режим (F11) и "Distraction Free Mode" (Shift + F11). С первым, я думаю, всё понятно, а вот второй мне был в новинку. Этот режим представляет из себя полноэкранный режим с собственными настройками. Впервые перейдя в него вам доступны лишь сам редактор кода, да строка меню. В ней (во ->View) можно включить/отключить всё нужное/лишнее. Удобный режим для глубокого погружения в работу.
Режим вертикального выделения является одной из самых важных функций для продвинутых текстовых редакторов. И sublime не исключение. В Linux-версии он активируется правой кнопки мыши при зажатом шифте. Очень удобно при быстрых правках разного рода списков, разметки и не только. Стоит отметить, что ST2 умеет искать и заменять по регулярным выражениям, без чего было бы сложно рассматривать его всерьёз.
Также стоило бы отметить — горизонтальный scroll. Если на вашей мыши его нет, воспользуйтесь shift + вертикальный scroll. Как оказалось — очень удобно. В статус панели, помимо ошибок и текущей позиции курсора, доступны переключатели текущего синтаксиса файла и размера tab-а.
Иконки-кнопки для раскрытия/сворачивания регионов кода (функции, блоки, теги и т.д.) несколько не очевидны. Дело в том, что хоть они и расположены, как и должны, слева от строки кода, но, по-умолчанию, отображаются лишь по наведению мыши (это настраивается). Доступны для множества структур, в частности очень порадовала возможность «сворачивания» SCSS-селекторов.
Fuzzy поиск
Одна из самых разрекламированных функций редактора — нечёткий поиск. Он позволяет найти «modules/gallery/view/gallery/page.jade» вбив лишь «gapaja». Сказать, что это экономит время — всё равно, что ничего не сказать. В 99% случаев я открываю файлы или нахожу нужную мне функцию по вот таким вот обрывкам, напоминающим какой-то восточно-азиатский диалект :) Из коробки доступны:
- Ctrl + P — поиск по файлам проекта
- Ctrl + R — поиск по функциям (по template-ам в XSLT, селекторам в CSS/SCSS и т.д.)
- Ctrl + Shift + P — поиск по меню (а туда попадают, в том числе, и новые функции из плагинов, т.е. не обязательно запоминать горячие клавиши для редко-используемых возможностей)
- Ctrl + ; — поиск по словам. Например, вбив dbr, можно найти, где же вы забыли убрать служебный debugger в js-файле
- Ctrl + G — номер строки (не fuzzy-поиск, но, я думаю, здесь ему самое место)
Этот список может быть расширен плагинами. О паре таких я расскажу чуть ниже.
Конфигурирование
Все настройки осуществляются через правку json-конфигов. Изменения вступают в силу сразу же после сохранения файла. Большая часть настроек, которые вам могут попасться (будь то сам редактор или же его плагины) разделены на 2 части — default и user. Т.е. конечному пользователю следует изменять именно user-конфиги, которые по-умолчанию, как правило, пусты.
Базовые настройки редактора вы можете увидеть выбрав в меню Preferences -> Settings-Default. Пробегусь по самым ключевым:
Горячие клавиши
Горячие клавиши изменяются по тому же принципу, что и все остальные настройки, и точно также вступают в силу сразу же после сохранения конфига. В случае какой-либо ошибки, вроде неправильной комбинации клавиш, вы можете узнать подробности в консоли (Ctrl + `). Там вообще можно найти много полезных данных. Обратите внимание на картинку справа — это ссылка на подробную карту горячих клавиш (случайно нашёл в сети).
Думаю сильно углубляться в настройки гор.клавиш нет смысла, т.к. они интуитивное понятны. К примеру, следующий «бинд»:
Запускает макрос Delete Line при нажатии Control + E. А этот:
Выполняет команду fuzzy_file_nav (доп. плагин), с аргументами. Возможно вам поможет мой конфиг гор.клавиш. Мышь тоже можно настроить — для этого существуют .mousemap. К сожалению, мне не удалось найти хоть сколько-нибудь подробной документации об этих файлах.
Работа с проектами
Если пользоваться редактором вместо IDE, то довольно сложно обойтись без проектов. Изначально вы работаете над проектом «default», и для того чтобы создать новый нужно выбрать в меню «Project -> Save project as». Вам предложат указать путь для конфиг-файла проекта. После создания проекта следует прикрепить к нему рабочие директории (чаще всего она одна, но можно указать и несколько). Для этого выберите «Project -> Add folder to project», после чего она появится на панели слева (при условии, что вы её включили). С этого момента у вас заработает fuzzy поиск по проекту (Ctrl + P).
Перейдём к его настройке (Project -> Edit project). В нём вы найдёте подцепленные директории. Чтобы исключить из них лишнее, добавьте folder_exclude_patterns: [ "path_1", "path_2", . ] и file_exclude_patterns: [ "*.md",… ]. Изменения, как обычно, вступят в силу сразу после сохранения. Теперь поиск в файлах и fuzzy-поиск по именам файлов будут игнорировать лишнее, а древо файлов слева несколько поредеет. В этом же конфиг-файле могут быть заданы настройки для некоторых плагинов. Например — xdebug. Более подробную информацию вы можете получить здесь.
Переключение между проектами очень быстрое, что привело меня в восторг после NetBeans. По умолчанию — Ctrl + Alt + P. Редактор запоминает список открытых файлов, активную вкладку, позицию курсора и скролла. Также можно открыть новое окно (не вкладку, Ctrl + Shift + N) редактора и задать там другой проект.
Плагины
Ни один текстовый редактор такого уровня не может обойтись без плагинов. Установить плагин можно просто скопировав его в под-директорию User. Самый простой путь найти её — Preferences -> Browse packages. У вас откроется файловый менеджер в каталоге установленных плагинов. Как видите их достаточно много :) Однако есть более простой и правильный путь (для большинства ситуаций) — использование PackageControl. О нём чуть ниже.
Основной язык написания плагинов — python. Наверное, поэтому их так много. Если вас интересует эта тема, возможно, вам пригодится эта статья.
PackageControl
Его установка весьма не очевидна. Сначала переходим на страницу плагина. Жмём зелёную кнопку install и попадаем на страницу с подробной инструкцией по установке. На момент написания статьи она состоит из копирования куска python-кода в консоль редактора (Ctrl + `) и нажатие на клавишу enter. Вы спросите — что за страшные шаманства? Не переживайте, на этом сюрпризы закончились. Дальше всё пойдёт как по маслу (при условии, что PackageControl нормально установился). Я надеюсь, разработчики добавят его в базовую сборку.
Вызвать «слой» PackageControl можно из меню Preferences -> Package Control. Но проще ctrl + shift +p, а дальше набрать необходимую команду. К примеру, для доступа к «Install Package» мне хватило трёх символов — «ins» в fuzzy поиске. Как же я раньше без него жил? :) Сам модуль предельно очевиден, посему, полагаю, нет смысла расписывать его подробно. Отмечу лишь, что некоторые плагины располагают своими собственными конфигами или гор.клавишами. В этом случае быстрый доступ к этим настройкам можно получить, используя меню Preferences -> Packages settings -> %plugin_name%.
Небольшая подборка плагинов
Aligment — позволяет отформатировать конфиги/массивы/что-угодно так, чтобы значения располагались на одном уровне по горизонтали. Не сильно удобная штука, но лучше чем ничего. Для начала следует установить курсоры перед каждым значением, а затем нажать «Ctrl + Alt + A» (в Linux-версии).
FuzzyFileNav — Позволяет, используя нечёткий поиск, открыть файл вне проекта, бегая по файловой структуре. Не так круто как в Ctrl + P, но, лично мне, куда удобнее, чем в стандартном диалоговом окне ОС.
FileHistory — fuzzy поиск по недавно открытым/закрытым файлам. Использовал до того, как нашёл GotoOpenFile.
GotoOpenFile — копия режима Ctrl + P, но применительно только к открытым файлам.
JsMinifier — позволяет упаковать выделенный (или весь код текущего файла) javascript. Плагин использует Google Closure Compiler и UglifyJS. Если ничего не произошло — смотрите в statusbar, скорее всего javascript-код не валиден.
PhpDoc — простой помощник для заполнения PhpDoc. Пользоваться так: пишем /**[tab]. Уже внутри — [собака]var[tab], [собака]return[tab] и т.д. Автоматически определять типы и имена переменных и прочие полезные штуки не умеет, но зато вставляет * при переводе каретки :)
GotoTab — позволяет переключать вкладки по нажатию Ctrl + [цифры]. Довольно удобная штука.
SublimeLinter — проверка синтаксиса на лету (или как настроите). Умеет готовить — CoffeeScript, CSS, Java, JavaScript, Objective-J, Perl, PHP, Python, Ruby. Использует уже готовые инструменты. К примеру, для JavaScript-а предлагает выбор между JsLint, jsHint и gjslint. jsHint, который стоит по умолчанию, не просто проверяет синтаксис, я навязывает вам свой true-coding-style, что частично можно настроить в конфиге. Мне этого не хватило, т.к. библиотека оказалась не столь гибкой, как бы хотелось, посему пришлось применять хирургические методы :) Также стоит отметить, что SublimeLinter способен заставить ваш редактор — подвисать. В таком случае — покопайтесь в настройках, он достаточно гибко настраивается.
Tag — библиотека, предоставляющая удобные средства для работы с XML. Использую для приведения XML к читаемому виду. Конечно, на этом его возможности не ограничиваются. К примеру, набрав «div» и нажав ctrl + shift + "," я получаю с курсором внутри.
XDebug — отладчик xdebug. Не очень удобный. Отладка в NetBeans куда удобнее. Однако для простых задач — может пригодиться. Пользователям *buntu обязательно следует прочесть раздел «Troubleshooting» на странице плагина.
LastEdit — глючный аналог ctrl + q в Netbeans. Перемещает курсор в места недавних изменений. Очень удобная штука, но, к сожалению, часто не срабатывает. Если вас интересует эта функция, возможно, вам стоит попробовать и этот плагин.
Более полный список доступен здесь. Но далеко не все плагины, которые мне попадались — в нём есть.
Подсветка синтаксиса из коробки достаточно обширна. Однако для nginx и apache2 конфигов, SCSS и Jade мне потребовалось установить плагины. Если для используемого вами языка такого плагина не нашлось, попробуйте портировать подсветку из TextMate, благо очень многие вещи из него поддерживаются как нативные.
Snippets
Snippet-ы — это заранее заготовленные куски кода, с расставленными в них якорями. Т.е. вместо того, чтобы писать
tabTrigger — строка, которую потребуется набрать и нажать tab (полностью набирать не обязательно, т.к. Snippet-ы попадают в autocomplete). После активации курсор перемещается к $1 и выделяет «name», следующее нажатие tab выделит source, который будет изменяться сразу в 3 местах. По окончанию работы snippet-а вы попадёте в $0. Чтобы прекратить его работу досрочно — нужно нажать Esc. В отличии от Netbeans, я смог задать все нужные мне Snippet-ы без проблем с «упрыгиванием» курсора в начало файла, мешанины из отступов и прочего непонятного поведения (если читатель хочет назвать меня «криворуким», могу привести пример такого поведения :) ). Scope — определяет тип файлов, в которых snippet будет задействован, а description вы увидите в autocomplete.
Более подробную информацию можно найти здесь. Возможно, вам поможет моя подборка.
Макросы
Макросы и в Африке — макросы. Начать запись можно через Tools -> Record macro, остановить — там же. По окончанию его следует сохранить (Tools -> Save macro) в Packages/User директорию. Открыв итоговый файл, вы увидите json-массив со списком произведённых действий. Задать макросу горячую клавишу можно используя следующий синтаксис: < "keys": ["alt+1"], "command": "run_macro_file", "args": >.
Layouts
О том, что в ST2 есть слои, я узнал совсем недавно, увидев screenshot на lor-е. Слои позволяют поделить окно редактора на несколько частей (2, 3, сеткой и т.д.). Это очень удобно, когда что-то пишешь в один файл, опираясь на содержимое второго. Но с моим 19" «квадратным» монитором эта возможность выглядит не очень привлекательной. К сожалению, нельзя открыть в разных слоях разные проекты. Также стоит отметить, что панель открытых файлов (которая слева), после включения режима нескольких слоёв, делится на несколько групп.
Заключение
Sublime Text 2 — отличный выбор для программиста или администратора. Для рядового пользователя, на мой взгляд, больше подошёл бы редактор без json-конфигов и с более очевидным GUI.
Важно понимать ST2 — текстовый редактор, а не IDE, хотя, используя сторонние плагины, его можно несколько приблизить к этому статусу. Правда, мне так и не удалось завести умный autocomplete.
А этом обзоре было много критики в сторону NetBeans, но я бы хотел отметить, что эта IDE мне нравится, и я до сих пор ей пользуюсь, хотя и крайне редко (к примеру, для отладки nodeJS или PHP-xDebug). Мне очень не хватает в ST2 столь же удобного средства для «патчинга» файлов, просмотра предыдущих версий, документации и разного рода вкусных штук, присущих IDE, вроде перехода к определению функции при нажатии ctrl + left_click, даже если файл находится чёрт знает где. Однако ST2 дал мне куда большую лёгкость и удобство при решении рядовых задач.
К сожалению, я не смог описать в этой статье всего, о чём меня попросили. Виной тому — отсутствие времени, а местами опыта. Однако, я возлагаю большие надежды на комментарии снизу. Уверен, в них будет много интересного.
Sublime Text — идеально подходит профессиональным программистам. Профессиональные пользователи этого инструмента уже знают, какие плагины подходят. Но если вы новый пользователь, который только начал использовать этот инструмент, то перечисленные плагины помогут повысить уровень производительности за счет более быстрого кодирования.
Alignment
Sublime Text 3 позволяет программистам записывать коды на разных компьютерных языках, таких как JavaScript, CSS, PHP и прочие. К тому же, этот плагин Alignment для редактора Sublime Text 3 позволяет быстро выровнять коды. Выделяйте строки текста, а затем используйте этот плагин для выравнивания кодов.
Довольно трудно выровнять сотни и тысячи строк кода по одной вручную в текстовом редакторе.
Читайте также: