Меню

Sublime text настройка проекта



Проекты

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

Создание проекта

Все очень просто. Запустите программу и перетащите в нее одну или несколько папок с файлами вашего проекта. Дерево каталогов тут же отобразиться на боковой панели. Теперь вы можете выбрать любой из файлов и начать с ним работать.

Для того, чтобы добавить новый файл, выберите в боковой панели каталог, в котором хотите его создать и нажмите File New file .

Отображение файлов

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

Например, если вы не хотите, чтобы в боковой панели были видны изображения в формате PNG, откройте настройки Preferences Settings — User и для атрибута file_exclude_patterns добавьте параметр «*.png» . Настройки применяются сразу же после сохранения. Если вы все сделали без ошибок, то из боковой панели исчезнут все файлы с расширением png.

Сохранение проекта

Чтобы сохранить текущее состояние проекта, выберите пункт меню Project Save Project As. . После сохранения вы увидите два файла:

  • sublime-project – хранит список каталогов и настройки проекта;
  • sublime-workspace – хранит состояние проекта.

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

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

Если вы уже сохранили проект нажмите Project Edit Project . Откроется файл со списком добавленных вами каталогов.

Как видно из выше приведенного примера, файл проекта разбит на несколько разделов.

folders

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

settings

Позволяет настроить редактор индивидуально для каждого проекта. Здесь применимы любые параметры из File Settings.

build_systems

Настройка дополнительных внешних программ, для работы с вашими файлами. Приведенный пример добавит в меню Tools Build systems новый пункт – PHP. Теперь любой php-файл можно отправить интерпретатору на выполнение и увидеть результат его работы во встроенной консоли Sublime Text.

Источник

SublimeText. Руководство по настройке

20 сентября 2019 / Разработка

Итак, сначала вопрос, который волнует всех в первую очередь – да, программа платная. Стоит она на конец 2018 года 80 долларов (годом раньше было 40), в сети можно найти версии, вылеченные от жадности. Однако можно без проблем работать и с незарегистрированной версией. Единственное отличие – в топе программы будет написано слово UNREGISTERED и периодически (где-то раз в 2 часа) при попытке сохранения выскакивает окошечко с предложением купить платную версию. Других ограничений не замечено.

Обзор SublimeText

Автором называют некоего Джона Скиннера. Разработка началась в ноябре 2007 года, причём было объявлено о том, что поставлена цель «создать лучший текстовый редактор всех времён и народов ». Первая версия вышла 18 января 2008 года, вторая в 2011, третья в 2013 году. К 2018 году Скиннер со товарищи быстро сориентировались в тенденциях рынка и сосредоточились на Python, накидав много приятных возможностей для программистов «на змее».

Изначально в качестве целевой аудитории подразумевались разработчики, а потому в программе была предусмотрена проверка синтаксиса для множества популярных языков программирования. Это C, C++, C#, CSS, D, Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL и XML. Можно подключать плагины и для других языков.

Программа выполнена с суровым интерфейсом без кнопок и декоративных элементов, что позволяет на 100% использовать экранное пространство для дела. Экран можно разбить на несколько рабочих областей. Например, слева открывать файл html, а справа css и параллельно с ними работать. Отдельный плюс – можно открывать не отдельные файлы, а целые каталоги и работать в них. Далее мы подробно рассмотрим, что к чему, на примере нашего проекта.

Подсвечивается всё очень красиво, по дефолту установлена приятная для глаза тёмная тема с контрастным выделением. Её ещё очень любят показывать в фильмах и ТВ-передачах, когда нужно снять «что-то о программистах».

Для установки, удаления и настройки плагинов применяется менеджер пакетов. Настраивается редактор довольно специфично – для этого нужно открывать и редактировать файл настроек. Для этого нажимаете в меню «Preferenses —>Settings», после чего можно будет увидеть расположение файла настроек.

Особая гордость разработчиков – интеллектуальный поиск (Incremental Find), который будет находить не только точное вхождение, но и близкие по написанию значения. Понятно, можно использовать обычный поиск, в том числе и с регулярными выражениями.

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

Вы просто ставите курсор в нужное место, затем зажимаете шифт и правую кнопку мыши и ведёте мышь вверх или вниз. Курсоры появляются в нескольких местах, и вы можете вводить символы или удалять текст сразу в колонке. Другой вариант – можно создать дополнительные курсоры в любом месте «Ctrl + клик мыши».

Недостатки – это, как обычно, обычно оборотные стороны достоинств. Профессионалы скажут, что Sublime не дотягивает до полноценной IDE и будут правы. Новичкам покажется жутковатым способ настройки через JSON. Любителям офисных программ будет скучновато без красивых кнопок в интерфейсе. Кого-то будут раздражать периодические призывы купить программу, а кому-то не понравится необходимость работы со сторонними плагинами. Тем не менее, как показывает опыт, для разработки сайтов средней и малой сложности SublimeText вполне годится.

Читайте также:  Формула настройка на спутник

Установка и настройка

С установкой никаких проблем нет, достаточно скачать дистрибутив с официального сайта. Представлены версии для Linux, MacOS 32-и 64-разрядной Windows, в том числе portable версии. Файл загрузки невелик, около 8Мб, в дальнейшем, после установки плагинов, программа разрастается до 20-30 Мб. Память потребляет тоже очень скромно, то есть, в целом всё достаточно бережливо с точки зрения ресурсов.

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

Здесь слева мы видим колонку с каталогом проекта, фалы можно открывать просто кликнув на них мышью. Чтобы начать работать с папкой, выбираете в меню «File —> OpenFolder…»

Рабочую область я разбил на две части. Это делается чрез меню следующим образом «View -> Layout -> Column2». Там же вы можете увидеть и другие режимы – например, разбить экран на верхнюю и нижнюю области, либо на 4 части. Вкладки можно перетаскивать с места на место просто зажав мышью.

Установка плагинов

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

Установка Менеджера Пакетов

Прежде всего, необходимо установить Менеджер Пакетов (Package Control). Сделать это можно вручную или через консоль.

1 Через консоль

Консоль открывается сочетанием клавиш «Ctrl + `» (это крайняя левая клавиша, сразу под Esc). Код, который нужно ввести, скопируйте с официального сайта. Сам код не привожу, поскольку он может отличаться от версии к версии. Копируйте актуальный. Затем нажимаете Enter и откидываетесь на спинку кресла.

2 Вручную

Для этого нужно вначале скачать файл с той же самой страницы, только с правой части. Затем в меню Sublime выбираем «Preferences -> Browse Packages». Теперь нужно перейти на одну папку выше, и открыть папку «Installed Packages». После чего перезапустить редактор.

В результате в меню «Preferences» должны появится пункты «Package Settings» «Package Control». Вот таким образом:

При запуске «Package Control» появляется вот такое окошко, в котором вы можете вводить название нужного плагина. Самые часто используемые разделы: «Install Package» — установить пакет, «Remove Package» – соответственно, удалить. Менеджер пакетов сам находит нужные плагины, распаковывает их из депозитория и запускает. Всё очень удобно.

Перечислим основные полезные пакеты.

Emmet

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

Формирование базовой структуры html. В новом файле с расширением html просто ставите ! и нажимаете . В результате появляется заготовка в формате html5.

Быстрый ввод блоков. Пишете div.class-name, жмёте и получаете структуру вида

Понятно, что вместо div можно вписать один из тегов html5, а вместо class-name – название вашего класса.

Ввод вложенных блоков. Пишете section.class-name>article.class-name2>p, жмёте — получаете:

Построение списков. Пишете ul>li*4>a, жмёте — получаете:

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

ColorPicker

Плагин открывается в отдельном окне и даёт возможность оперативно выбрать цвет из круговой палитры в hex-формате. Открывается в любом месте экрана.

DocBlockr

Плагин «знает» формат комментариев для большинства языков программирования и позволяет быстро вставлять ваши описания в код.

Color Highlighter

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

SublimeREPL

Устанавливается по желанию, содержит встроенные компиляторы для нескольких языков программирования, в том числе PHP и Python. После установки в меню появляется вкладка «Toolse -> SublimeREPL», нажав которую вы увидите выпадающую панель с перечнем языков. Ещё один шаг на пути к полноценной IDE. Достаточно удобно, если вы хотите сразу же проверить работу кода не выходя из редактора.

Установка SASS (SCSS) на SublimeText

Существует три способа подключить препроцессор SASS на Sublime.

Во-первых, вы можете использовать программу Koala, о которой подробно рассказано вот здесь.

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

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

1 Установка SASS на компьютер

Написан этот инструмент на языке Ruby, так что вам придётся установить компилятор языка. Пользователям Windows сделать это проще всего по следующей ссылке. Просто выбираете последнюю версию, с учётом вашей системы 32 или 64 битной и устанавливаете. Все остальные могут воспользоваться вот этим сайтом.

В процессе установки не забудьте установить флажок на пункте «Add Ruby executables to your PATH»

Затем запускаете консоль, нажав Win + R и набрав «cmd». Либо, кому больше нравится, запустив Windows PowerShell. В командной строке наберите инструкцию для Ruby: «gem install sass» (без кавычек).

Читайте также:  Настройка кассового аппарата меркурий 115

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

2 Установка плагинов для использования SASS

Для этого потребуются следующие плагины:

SASS Build – запускает компилятор и формирует файл css. Для настройки перезагрузите Sublime, откройте меню «Tools —> Build System» и выберите пункт SASS. Построение запускается по нажатию клавиш Ctrl + B.

SublimeOnSaveBuild – устанавливаете опционально. Запускает компиляцию каждый раз при сохранении файлов проекта.

3 Встроенный компилятор SASS для Sublime

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

В качестве выхода был предложен плагин Libsass Build. Как пишут разработчики, он работает через некий интерфейс sassc для более быстрой компиляции по сравнению с официальной реализацией Ruby.

Заключение

Итак, мы установили «лучший текстовый редактор всех времён и народов» SublimeText, настроили его внешний вид, добавили необходимые для работы плагины и подготовили всё необходимое для работы с препроцессором.

Источник

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

Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.

Установка

Скачать установочные файлы можно на официальном сайте продукта. У приложения есть версии для OS X, Windows и Linux.

Удивительно, но столь функциональное приложение весит всего лишь чуть более 7 мегабайт. Установка мгновенна и не требует участия пользователя.

Пользоваться продуктом без ограничений функций можно бесплатно, но приложение иногда очень ненавязчиво напоминает о необходимости приобретения лицензии. Sublime Text один из немногих продуктов, который своим высочайшим качеством вызывает непреодолимое желание поделиться своими кровными с разработчиками. Тем более что текстовый редактор настолько хорош и стоит гораздо больше, чем те $70, которые за него просят.

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

Основы использования

При запуске программы открывается безымянный текстовый файл.

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

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

Файл можно сохранить под любым расширением.

И в большинстве популярных кодировок:

Верно и обратное. В Sublime можно открыть файл с любым расширением и кодировкой.

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

Перемещение по документу

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

Переставить курсор на определенную строку или символ можно с помощью меню Goto.

Если полоса прокрутки случайно убежала далеко от местоположения курсора, то выручит пункт меню Scroll – > Scroll To Selection.

Но самая мощь Sublime ощущается при использовании закладок. Добавить закладку в текст можно с помощью пункта меню Goto -> Bookmarks -> Toogle Bookmark. Перемещаться между закладками можно с помощью команд Next Bookmark и Previous Bookmark.

Поиск и замена

Если выбрать пункт меню Find ->Find, то внизу экрана появится панель поиска.

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

Самая левая кнопка включает поддержку регулярных выражений. Объяснять что это такое и зачем они нужны в этой статье не будем. Об этом лучше почитать у Джеффри Фридла.

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

Кнопка с двумя кавычками настраивает поиск на нахождение только точных совпадений. Пример: на запрос “7” найдется только ” 7 “, а “87” и “78” не найдется.

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

Рядом с белым окном находится кнопка, которая подсвечивает все найденные в тексте совпадения. А кнопка слева от нее ограничивает область поиска выделенным фрагментом.

Аналогичная панель появляется при вызове пункта меню Find -> Replace.

Палитра команд

Для повышения продуктивности многие команды можно запускать из палитры команд, которая открывается из пункта меню Tools -> Command Palette.

Стандартный внешний вид Sublime безупречен. Для тех кто с этим не согласен есть пара десятков дополнительных тем оформления. Они доступны из пункта меню Preferences – > Color Sheme.

Настройки

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

Читайте также:  Мастер по настройке и ремонту музыкальных инструментов

Подсветка синтаксиса

Подсветка синтаксиса в этом текстовом редакторе выглядит просто волшебно. Вот, к примеру, немного PHP и SQL:А вот HTML + JavaScript:

Sublime Text умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.

Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.

Если вам нужно подсвечивать Brain Fuck, Fortran или еще какую-нибудь экзотику, то можно написать для этой цели собственный плагин или установить уже готовый.

Автодополнение кода

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

Стоит ввести в Sublime один символ, как он тут же предложит варианты завершения строки:

Для людей которые любят называть переменные наподобие “$moyPosledniyZimniyDenKogdaYaKatalsyaNaKonkah” эта функция бесценна.

Сворачивание кода

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

Сниппеты

Сниппет – это фрагмент кода или текста для многократного использования. В пункте меню Tools -> Snippets есть несколько десятков сниппетов для веб-разработчиков.

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

Проекты

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

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

Теперь можно сохранить выбранные файлы в виде проекта с помощью пункта меню Project -> Save Project As. После этого файлами можно манипулировать как отдельным проектом.

Сочетания клавиш

Для каждой команды в Sublime есть сочетание клавиш, которое позволяет мгновенно ее запускать. Их очень легко выучить, так как они написаны возле соответствующего пункта меню.

Макросы

Для автоматизации своих действий в Sublime не нужно знать ни одного языка программирования. Ведь есть функция записи активностей пользователя. Для начала записи макроса необходимо выбрать пункт меню Tools – > Start Record Macro и выполнить необходимые действия.

Для запуска записанного макроса используется команда Playback Macro. Записанный макрос можно сохранить под расширением sublime-macro и делиться им с другими пользователями.

Гарантированный способ повысить скорость набора кода — научиться работать в текстовом редакторе vim, который существует уже почти четверть века. Он позволяет работать с текстом не притрагиваясь к мыши или трекболу. Это повышает производительность труда как минимум на треть. Задача освоения vim не самая простая, но она стоит того, чтобы за нее взяться.

Для работы в режиме Vim, в стандартной комплектации Sublime есть плагин Vintage Mode. По умолчанию он находится в неактивном состоянии. Включить его можно прописав в конфигурационном файле значение true для параметра vintage_start_in_command_mode.

И указать каким образом будет производиться вход и выход из vim режима:

Если вы пока еще не работали с vim, то велика доля вероятности что вам стоит научиться это делать. Вот эту картинку можно поставить на рабочий стол и в минуты размышлений созерцать ее и запоминать комбинации клавиш для vim/Vintage Mode для Sublime:

Плагины

Скачать различные плагины для Sublime можно на сайте Package Control. Вот небольшая подборка дополнений, которые на мой взгляд являются самыми полезными:

  • Package Control. Это дополнение позволяет управлять всеми плагинами для Sublime;
  • Git. Плагин для работы с популярной системой контроля версий;
  • Terminal. Использование командной строки в разы ускоряет работу с файлами проекта;
  • Alignment. Выравнивает отступы в HTML, CSS, JavaScript и PHP;
  • Trimmer. Убирает лишние пробелы;
  • ColorPicker. Мгновенно подбираем цвет и вставляем в текст его шестнадцатеричный код;
  • MarkdownEditing. Удобная подсветка синтаксиса Markdown.

Написать свой плагин для Sublime может любой разработчик, владеющий языком Python. Подробнее о Sublime API и написании плагинов можно прочитать в статье How to create a Sublime Text 2 Plugin.

Где искать дополнительную информацию

На русском языке

На habrahabr.ru можно найти много интересных статей по тегам Sublime и Sublime Text 2.

Есть сайт с русскоязычной документацией по Sublime, но на данный момент на нем довольно мало информации.

На английском языке

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

У пользователей Sublime Text есть форум, на котором за все время создано около 15 тысяч тем и каждый человек может задать свой вопрос.

О Sublime Text издана отдельная книга, которая содержит самое полное руководство по использованию текстового редактора. Стоит она 40 долларов, но ее авторы гарантируют, что это скромная инвестиция окупится мгновенно.

Для владельцев iOS-девайсов:

Поставьте 5 звезд внизу статьи, если нравится эта тема. Подписывайтесь на нас Telegram , ВКонтакте , Instagram , Facebook , Twitter , YouTube .

Источник

Adblock
detector