Меню Рубрики

Установка sublime text 3 opensuse

Установка Sublime Text 3 Ubuntu 18.04

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

Возможности редактора можно очень сильно расширить с помощью плагинов. В этой статье мы рассмотрим как выполняется установка Sublime Text 3 Ubuntu 18.04 из PPA или с помощью пакета, загруженного из официального сайта.

Возможности Sublime Text 3

Вот основные особенности программы:

  • Быстрая навигация по файлам и каталогам, символах и строках;
  • Командная строка позволяет очень быстро выполнять нужные команды;
  • Одновременное редактирование нескольких областей файла;
  • Плагины на основе Python;
  • Возможность разработки проектов;
  • Расширенные возможности настройки редактора с помощью файлов JSON, в том числе и параметров проектов;
  • Кроссплатформенность (Windows, Linux, Mac OS);
  • Поддержка множества языков программирования;
  • Программа с закрытым исходным кодом.

А теперь рассмотрим как установить Sublime Text 3 Ubuntu 18.04 или 18.10.

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

1. Установка Sublime Text через репозиторий

Сначала поговорим как установить программу через репозиторий. Этот репозиторий можно добавить также в другие версии этого дистрибутива. Для добавления репозитория откройте терминал с помощью Ctrl+Alt+T и выполните:

wget -qO — https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add —
sudo apt-add-repository «deb https://download.sublimetext.com/ apt/stable/»

Затем установка Sublime Text 3:

sudo apt install sublime-text

В Ubuntu 18.04 программа по умолчанию не запускается. Для того чтобы исправить ошибку необходимо установить пакет:

sudo apt install libgtk2.0-0

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

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

2. Как установить Sublime Text через центр приложений

Также вы можете установить программу из центра приложений. Для этого запустите центр приложений и наберите в поиске Sublime:

Затем выберите Sublime Text и нажмите кнопку Установить:

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

Удаление Sublime Text 3

Для удаления Sublime Text 3 установленного из репозиториев достаточно выполнить:

sudo apt purge sublime-text

Теперь программа полностью удалена из вашей системы.

Выводы

В этой статье мы рассмотрели как установить sublime text 3 ubuntu. Все очень просто. На завершение видео с процессом установки:

источник

Собираем RPM пакет Sublime Text для Linux

В данном HOWTO мы подробно рассмотрим процесс ручной сборки RPM пакета для замечательного программистского редактора Sublime Text 3 для RPM based дистрибутивов GNU/Linux.

Введение

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

Устанавливать «в лоб» в пакетных дистрибутивах категорически не рекомендуется, т.к. это превращает систему в Slackware. Официальный RPM пакет на сайте собран неправильно с нарушением гайдлайнов современных дистрибутивов, поэтому соберём свой собственный.

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

Шаг 1. Подготовка к сборке

Установим в систему утилиты Git, spectool, а также средство для сборки RPM-пакетов — rpmbuild.

Установим требуемые пакеты в Fedora/CentOS/RHEL:

Шаг 2. Загрузка исходников для пакета

Загрузим исходники SPEC-файла для сборки пакета из Git репозитория:

Шаг 3. Загрузка архивов с Sublime Text

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

Шаг 4. Сборка RPM пакета

Запустим сборку RPM пакета:

Шаг 5. Установка собранного пакета

Установим результат сборки в Fedora/CentOS/RHEL:

Заключение

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

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

Спасибо за интересную статью.

К сожалению, установка пакета требует libffi.so.5, которую найти не представляется возможным.

П.С. Я пользуюсь openSUSE 12.3 архитектура AMD.

К сожалению, установка пакета требует libffi.so.5, которую найти не представляется возможным.

Скачайте SPEC-файл, откройте его любым текстовым редактором (vim, mcedit, kwrite и т.д.) и закомментируйте или удалите строку 28. После этого соберите пакет отредактированным спеком.

П.С. А как можно добавить иконку в список аппликаций? Я тут прикрепил скриншот с вышеупомянутым дефектом:

П.С. А как можно добавить иконку в список аппликаций? Я тут прикрепил скриншот с вышеупомянутым дефектом:

Проверьте существование файла, прописанного в директиве Icon файла /usr/share/applications/sublimetext.desktop. В Fedora значок отображается корректно.

@Илья
Тогда непонятно почему значок не отображается. Возможно в openSUSE требуется, чтобы для каждого размера (128*128, 256*256, 64*64, 32*32) был указан свой значок. Если так, то их придётся генерировать вручную ибо в оригинальном архиве есть только 128*128.

Возможно следует создать SVG-иконку?

Тогда система сможет масштабировать ее по своему усмотрению. Я готов заняться этим, если RPM-пакеты поддерживают векторную графику.

@Илья
RPM’у всё равно. SVG поддерживается всеми современными DE.

Я посмотрел чужой *.desktop файл, и там иконка лежала в другом каталоге:

Возможно как раз расположение иконки имеет значение для DE ? Я попробую это сегодня вечером, дома…

Я нашел документ определяющий поведение DM касательно иконок:

>>>>Installing Application Icons

So, you’re an application author, and want to install application icons so that they work in the KDE and Gnome menus. Minimally you should install a 48×48 icon in the hicolor theme. This means installing a PNG file in $prefix/share/icons/hicolor/48×48/apps. Optionally you can install icons in different sizes. For example, installing a svg icon in $prefix/share/icons/hicolor/scalable/apps means most desktops will have one icon that works for all sizes.

Как вы думаете, это актуально в данной ситуации?

Читайте также:  Установка прожектора с пра

@Илья
Нет, мой SPEC заставляет Sublime Text 2 размещаться в /opt/, что единственно верно для ПО с закрытым исходным кодом, коим и является ST2.

Значок может располагаться в любом каталоге. Поддерживаются форматы PNG, SVG и ICO.

@Илья
Можете проверить, отредактировав файл /usr/share/applications/sublimetext.desktop и скопировав значок разных разрешений в указанные каталоги. В Fedora 17-18 (с KDE 4) работает из любого каталога.

Очень полезная статья. Следовала инструкции для OpenSuse (у меня стоит OpenSUSE Leap 42.1)
Однако при установке выяснилось, что в файле спецификации прописана версия sublime 3.0.3114-2. На сайте же последняя доступная версия 3126. Полагаю, что именно поэтому возникает ошибка:

/SOURCES/sublime_text_3_build_3114_x64.tar.bz2: No such file or directory

Подскажите, пожалуйста, что нужно поменять в файле? Только строку с %global revision 3114?

@Елена
Обновил SPEC в репозитории до актуальной версии. Можете собирать.

@Елена
Исходники можно качать не вручную, а при помощи утилиты spectool:

источник

Установка и настройка Sublime Text 3. Компиляция LESS, SASS, JADE. Все необходимые плагины. Полная инструкция

Привет, много уже было написано про Sublime Text. В своем блоге я писал про Sublime Text 2. Сейчас Sublime Text 3 уже вышел из альфа версии (альфа — означает — новая и крайне не стабильная версия), и перешел в бету (бета — все еще не стабильная, но уже предназначена для тестирования, после беты обычно идет официальный релиз). И я решил полностью разобраться с Sublime Text 3 (далее в тексте ST3).

Если вы собираетесь установить SublimeText3 то эта самая полная инструкция для вас. Здесь я опишу все что связано с этим редактором, а умеет он действительно многое.

Сперва я удалил из системы ST2 и все его следы. Также удалил node.js и npm который был с ним в паре. Так как я намерен заново — правильно и грамотно настроить компиляцию less, а затем и saas файлов, через sublime. Но об этом позже.

Часть 1. Установка и настройка Sublime Text 3

Скачиваем и устанавливаем Sublime Text 3

Идем на сайт Sublime Text в раздел Download, и скачиваем последнюю версию ST3, не забудьте соблюсти разрядность 64 бит, или обычную (x86) для вашей версии операционной системы. Скачали, устанавливаем. После установки запускаем — проверяем что он работает.

Установим горячие клавиши для реиндентации

Открываем Preferences → Key Bindings — Default
И вверху файла добавляем строку:

Здесь указано что горячие клавиши будут alt+shift+f, и по нажатию будет происходить команда реиндент.

Возможные проблемы с настройками в Sublime Text

Если возникает проблема с сохранением или редактированием файла, то необходимо создать файл — который указан в ошибке. В моем случае это файл: C:UsersAdminAppDataRoamingSublime Text 3PackagesDefaultDefault (Windows).sublime-keymap Я создал его и сохранил по указанном пути. Теперь Preferences → Key Bindings — Default можно редактировать.

Есть аналогичная проблема с командой Preferences → Settings — Default, при открытии настроек их невозможно редактировать. Необходимо открыть, Нажать Ctrl+S, затем закрыть вкладку с настройками и открыть заново. После этого в C:UsersAdminAppDataRoamingSublime Text 3PackagesDefault должен появится файл с настройками — Preferences.sublime-settings — и настройки можно будет редактировать и сохранять.

Устанавливаем Package Control

Идем на сайт Package Control для ST3, и устанавливаем его. Package Control (PC) необходим для того чтобы расширять функциональность нашего редактора различными плагинами.

На сайте PC копируем код для ST3, в ST3 запускаем консоль (Ctrl +

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

Проверим работу PC. Жмем Ctrl+Shift+P и набираем Package Control — Install Package. Уже набрав первые буквы — нужная строка будет автоматически подсвечена.

Sublime Text 3 — Package Control — установка плагинов

Часть 2. Установка плагинов и расширений для Sublime Text 3

Установка темы Material Design

Далее я сменю стандартную тему оформления и подсветки кода на Material Design. Она тоже относится к темным темам, но имеет более яркую подсветку кода, и с ней более комфртно и приятно работать при длительном написании кода.

Идем на сайт темы Material Design и жмем кнопкe install. Происходит переход на сайт PC для ST3, понимаем что тема доступна как плагин. В ST3 запускаем Ctrl+Shift+P, выбираем install package, после ищем нужную нам тему, я набираю Material Theme и нахожу ее. Жму Enter и устанавливаю.

Sublime Text 3 — Package Control — установка темы Material Design

После этого иду в меню Preferences, и выбираю установленную тему.

Sublime Text 3 — Package Control — установка темы Material Design

Также после этого, рекомендуется зайти в настройки ST3, и дописать следующие конфиги:

Это позволит отображать тему так как это было задумано ее создателями.
В итоге у меня получился вот такой внешний вид ST3.

Sublime Text 3 — тема Material Design

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

Я установил следующие основные плагины:

  • Emmet (ускорение написания html и css)
  • Hayaku (ускорение написания css)
  • LESS (syntax highlighting — подсветка кода less)
  • Prefixr (префиксы для CSS)
  • Placeholders (Lorem Ipsum наполнители для html файлов)
  • SFTP — плагин для работы с FTP
  • SideBarEnhancement расширяет возможность сайт бара
  • SyncedSideBar синхронизирует SideBar с открытыми файлами по клику на них
  • AdvancedNewFile создаём новые файлы и папки при помощи горячих клавиш
  • BracketHighlighter подсвечивает открытие/закрытие любого фрагмента в коде
  • jQuery набор сниппетов для jquery
  • AutoFileName автозаполнение путей к подключаемым файлам
  • CSSсomb делает код красивым
  • Gist сохранение отдельных участков кода на github прямо во время редактирования
Читайте также:  Установка кабель канала на гипсокартон

Компиляция LESS кода. Плагин Less2CSS и его настройка

Если вы еще не в курсе, Less — это основанный на JavaScript CSS препроцессор. Это код который компилируется в CSS. Существуют разные способы компиляции less в css: Grunt, Guard, и Less.app. Однако возможно вы не хотите, или вам не нужно использовать дополнительные инструменты, и хочется все сделать прямо в редакторе кода. Ниже я привел инструкцию которая подойдет пользователям Windows (я сам делал установку по ней, и также для mac ОС.)

  1. Устанавливаем Node.js
  2. Устанавливаем NPM (устанавливается вместе с Node.js)
  3. Устанавливаем Less Глобально. Открываем Windows консоль и вводим npm install less -gd
  4. Установим плагин Less2Css и SublimeOnSaveBuild

Откроем настройки ST3: Preferences → Settings — Default, и в конец допишем строку:

Откроем любой .less файл и попробуем его собрать. Просто вносим изменения в файл, и жмем Ctrl+S.

Если возникла ошибка: Unable to interpret argument clean-css … Это произошло потому что плагин clean-css был обособлен, и не входит в пакет less. Поэтому его надо установить отдельно. Установим. Заходим в консоль и пишем:

Опять пробуем сохранить .less файл. Произошел билд less файла, и рядом с style.less файлом у меня появился готовый минифицированный style.css

Компиляция SASS в Sublime Text 3

SASS — это другой препроцессор для CSS. Набирает популярность, и уже обгоняет less по распространению использования.

  • Устанавливаем Ruby
  • Запускаем консоль, и ставим Ruby Gem gem install sass
  • Устанавливаем плагин Sass для Sublime Text
  • Устанавливаем плагин Sass Build для Sublime Text
  • Устанавливаем плагин SublimeOnSave для Sublime Text
    (мы же говорили о этом плагине в инструкции выше)

Теперь добавим настройки в Sublime Text Settings – Default:

Также не забудьте при открытом .sass файле зайти и выбрать билд систему в Tools → Build System → SASS Compressed Теперь при сохранении .sass файла будет компилироваться .css.

Устанавливаем и настраиваем html препроцессор Jade

Jade — это препроцессор для написания html кода, и подобно less или sass для css, он ускоряет и упрощает (для опытных верстальщиков) написание html разметки. Как установить и настроить его работу.

  • Должен быть установлен node.js с npm (обычно идет в комлпекте с node)
  • Заходим в консоль и устанавливаем jade командой npm install jade —global
  • В Sublime Text устанавливаем плагин Jade Build
  • В Sublime Text открываем .jade файл и выбираем Jade build system
  • Если вы выполняете всю инструкцию в этом посте, то в настройках Sublime я дополню строку про Save On Build расширением jade и теперь она будет выглядеть вот так «filename_filter»: «.(sass|scss|jade)$»,
  • Устанавливаем в Sublime плагин Jade

После этих манипуляций происходит компилирование jade файлов.

Если нет подсветки кода Jade, то идем в нижний правый угол ST, и там скорее всего написано Plain Text, кликаем по той надписи, и затем выбираем подсветку Jade. Теперь подсветка будет работать.

источник

Настраиваем Sublime Text 3

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

Здесь можно настроить все — от внешнего вида до компонентов программы (плагинов). Но и уровень настройки у Sublime Text соответствующий — как редактор для программистов, он настраивается через исходный код, что под силу не каждому. В этой статье мы рассмотрим как выполняется настройка Sublime Text 3.

Что такое Sublime Text

Для Sublime Text с первых же версий возможности были гораздо выше, чем у других редакторов. Шутка ли — полностью настраиваемый интерфейс, возможность настроить поведение программы, а не просто вводить текст? Что уж говорить о плагинах — код, написанный на Python, позволяет пользователю управлять редактором так, как укротитель змей, играя на магической дудочке, заставляет гигантского удава трепетать перед ним. Однако, как бы нам ни было жаль, именно это и отпугивает новичков — будучи не в состоянии настроить редактор, они перестают им пользоваться.

Настройка Sublime Text 3

Сначала поговорим про внешний вид, а затем перейдем к настройке горячих клавиш и плагинов.

1. Внешний вид Sublime Text

Итак, пора запустить Sublime Text (статья про установку — тут). Многим дизайн программы нравится, другим же — нет. И сейчас перед вами встает уникальная возможность поменять интерфейс до неузнаваемости!

Самый простой с виду способ — выбрать тему через настройки. Для этого идем в меню «Preferences» -> «Color Scheme» и выбираем нужную вам тему. Но это способ лишь поменяет расцветку редактора, и ничего более.

Другой, более сложный, но верный вариант — разобраться с файлом настроек. Чтобы открыть его, перейдите в меню «Preferences» -> «Settings». И вот, перед вами не что иное, как громада текста. Но не все так сложно, как кажется! Слева — настройки по умолчанию, их трогать не надо. Их можно взять за пример. А вот справа нужно разместить свои настройки — взять, скопировать нужную строку и поменять ее значение. Основные настройки:

  1. «color_scheme» — цветовая тема. Можно выбрать из существующих, а можно скачать в папку Packages/Color Scheme — Default/.
  2. «font_face» — шрифт текста. Важно, чтобы он был в системе. Чтобы посмотреть список доступных шрифтов, откройте любой текстовый редактор, к примеру, Lible Office Writer.
  3. «font_size» — размер шрифта, устанавливающийся дробным или целочисленным значением.
  4. «font_options» — дополнительные опции шрифта типа «no_bold», «no_italic».
  5. «word_separators» — разделители слов.
  6. «line_numbers» — настройка нумерации строк.
  7. «gutter» — отображать ли «канавку» (в ней располагаются номера строк и закладки).
  8. «margin» — длина отступа от «канавки».
  9. «fold_buttons» — если навести курсор на «канавку», то будут видны треугольные стрелки, позволяющие скрыть или показать фрагмент кода между фигурными скобками. Их тут можно отключить или включить.
  10. «fade_fold_buttons» — если поставить значение false, то треугольные кнопки не будут скрываться.
Читайте также:  Установка магнитол в opel omega

Вот пример действия настроек (не забудьте сохранить файл):

Вы можете поэкспериментировать здесь сами. А мы идем дальше.

2. Настройка сочетаний клавиш

Да-да, вы не ослышались! Любой может настроить сочетания по-своему, присвоив им другие значения. Чтобы открыть файл, перейдите в «Preferences» -> «Key Bindings».

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

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

Ну вот и все, Sublime Text стал таким, каким он вам нужен и вы знаете как настроить Sublime Text 3. А сейчас пора двигаться дальше — к установке плагинов.

3. Установка Package Control

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

Package Control — предназначен для более быстрой и удобной установки плагинов. Он позволяет устанавливать их через визуализированный интерфейс, а не через код.

Для начала установим Package Control с официального сайта. Это не значит, что мы его будем скачивать!

  1. Скопируем текст из соответствующего текстового поля (в зависимости от версии Sublime Text).
  2. С помощью сочетания клавиш «Ctrl +

« вызываем встроенную в редактор консоль (да-да, есть и такое!).

  • Вставляем скопированный код в текстовое поле и ждем успешной установки.
  • Перезапускаем редактор.
  • Package Control установлен! Теперь пора разобраться с тем, как им пользоваться.

    4. Работа с плагинами в Package Control

    Чтобы запустить Package Control, необходимо набрать сочетание клавиш «Ctrl + Shift + P» и из списка выбрать элемент Package Control: Install Package.

    И перед нами долгожданная установка плагинов! Теперь есть возможность быстрого их поиска и выбора, а если выбрать другие команды для Package Control, то можно и удалять, и изменять элементы редактора. Теперь надо потренироваться на установке. Уставноим Material Theme и выполним настройки темы sublime text 3.

    1. Запускаем установщик плагинов.
    2. Набираем в поле поиска Material Theme.
    3. Нажимаем и ждем, внизу должна появиться надпись «Installing package Material Theme». В процессе установки будет запрошено добавление еще одного плагина, разрешаем.

    Чтобы применить тему, необходимо перейти в меню «Preferences» -> «Color Scheme» -> «Material Theme» -> «schemes», а далее — тема, которая вам больше всего понравится.

    Однако это еще не все. Несмотря на установку темы в качестве плагина, она активируется не до конца. Чтобы исправить это, зайдите в файл настроек и допишите следующий текст:

    «theme»: «Material-Theme.sublime-theme»,
    «color_scheme»: «Packages/Material Theme/schemes/Material-Theme.tmTheme»,
    «overlay_scroll_bars»: «enabled»,
    «line_padding_top»: 3,
    «line_padding_bottom»: 3,
    // On retina Mac
    «font_options»: [ «gray_antialias» ],
    «always_show_minimap_viewport»: true,
    «bold_folder_labels»: true,
    // Highlight active indent
    «indent_guide_options»: [ «draw_normal», «draw_active» ]

    Вид редактора после применения к нему темы:

    Неплохо, да? Настройка Sublime Text 3 почти завершена. А сейчас пора установить что-нибудь более существенное. Давайте ознакомимся с самыми популярными плагинами для Sublime Text.

    Топ 5 плагинов для Sublime Text 3

    1. Emmet

    Emmet — плагин, позволяющий сделать отображение кода более удобным. Здесь используются сочетания клавиш. К примеру, «html + tab» создает каркас документа, а «div.wrapper + tab» превратится в полноценный код:

    2. JavaScript & NodeJS Snippets

    Этот плагин представляет собой коллекцию сокращений снипсетов для JavaScript. Длина набираемого текста с помощью подсказок правда уменьшается! К примеру, вместо набора «document.querySelector(‘selector’);» можно просто набрать «qs + Tab».

    3. Advanced New File

    Зачем искать место для нового файла в неудобном дереве каталога? Данный плагин позволит быстро и эффекстивно ввести нужные данные, и файл будет создан буквально за пару нажатий клавиш!

    4. Git

    Название этого плагина говорит само за себя: вы сможете выполнять все необходимые действия в рамках Git’а, не выходя из редактора!

    5. GitGutter

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

    Выводы

    Как писать код — дело каждого. Но есть удобные вещи, которые доступны всем, и нет смысла от них отказываться! Такие редакторы, как Sublime Text, особенно важны веб-разработчикам. А пока вы можете настроить редактор под себя сами — пусть это станет ВАШ собственный Sublime Text, в который вы вложили частичку собственной души. Удачи!

    источник

    Добавить комментарий

    Adblock
    detector