Установка пакетов sublime text 3.
Автору довелось пользоваться многими текстовыми редакторами и IDE, среди которых были nano, vim, gedit, geany, kate, eclipse… Любой из них имеет как свои преимущества, так и свои недостатки. Речь сегодня пойдёт не о них: о том редакторе, который с первого же дня может завоевать ваше сердце, о Sublime Text.
Поскольку о нём уже немало написано, пост будет достаточно коротким: целью ставится познакомить читателя с этим замечательным текстовым редактором и показать пути для его настройки под свои нужды. Остальную, более подробную информацию, можно найти на официальном сайте.
Сразу надо бы оговориться: sublime text 3 не бесплатный продукт. На момент написания поста его стоимость составляла $70. Как мне доводилось слышать, обязательна лишь оплата для пользователей Mac, на Linux и Windows вы можете не оплачивать лицензию и спокойно работать, время от времени наблюдая всплывающее окно с предложением о покупке. Собственно говоря, это практически не мешает.
Где найти и как установить
Как правило в случае с дистрибутивами Linux последняя версия текстового редактора имеется в репозитории. Хотя может возникнуть необходимость подключить помимо основного какой-либо дополнительный репозиторий. Для примера в Gentoo Linux следует подключить оверлей sublime-text и установить редактор:
# layman --add sublime-text # eix-update # emerge -av sublime-text
Для Debain с архитектурой amd64 последовательность команд такова (устанавливаем готовый пакет):
$ wget http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3047_amd64.deb $ sudo dpkg -i sublime-text_build-3047_amd64.deb
Внешний вид sublime достаточно приятен, есть несколько цветовых схем в стандартной поставке, в колонке слева отображаются проекты, справа - что-то вроде эскиза кода (миникарта). Вверху - панель инструментов и вкладки, внизу - информативная полоса, сообщающая о количестве строк, определяющая язык программирования, количество пробелов в отступе, а также кодировку документа, если вы пожелаете это настроить.
Пользовательские настройки
Начнём с того, что можно настроить сразу же, стандартными средствами. Обратимся к пользовательским настройкам редактора, откройте настройки:
Preferences --> Settings-User
Допишите по вкусу:
{ "auto_indent" : true , #автоотступ "auto_match_enabled" : true , #автоматически добавлять закрывающую скобку, парную кавычку "bold_folder_labels" : true , #каталоги выделить жирным "open_files_in_new_window" : false , # открывать новые файлы во вкладке # цветовая схема "color_scheme" : "Packages/Color Scheme - Default/Solarized (Light).tmTheme" , "ensure_newline_at_eof_on_save" : true , "font_size" : 11 , #размер шрифта "highlight_line" : true , #выделять строку, на которой находится курсор "ignored_packages" : [ "Vintage" ], "tab_size" : 4 , #настройка отступа "translate_tabs_to_spaces" : true , #перевод табов в пробелы "trim_trailing_white_space_on_save" : true #удалять пробелы и табуляции в конце строк }
Полный перечень команд можно отыскать через пункты меню Preferences -> Settings -> Default и Preferences -> Key Bindings -> Default . Надо только отметить, что у json нет комментариев, поэтому не нужно слепо копировать приведённые выше настройки.
Любопытно и то, что приверженцам vim, к коим себя относит и автор сего поста, можно включить привычные в работе сочетания клавиш, если стандартные по какой-то причине не совсем устраивают. Делается это достаточно просто. Следует исключить из игнорируемых режим Vintage Mode:
"ignored_packages":
Здесь же можно включить автозакрытие скобок:
{ "keys" : [ "(" ], "command" : "insert_snippet" , "args" : { "contents" : "($0)" }, "context" : [ { "key" : "setting.auto_match_enabled" , "operator" : "equal" , "operand" : true }, { "key" : "selection_empty" , "operator" : "equal" , "operand" : true , "match_all" : true }, { "key" : "following_text" , "operator" : "regex_contains" , "operand" : "^(?:\t| |\\)|]|;|\\}|\\\"|$)" , "match_all" : true } ] }
Быстрое выделение текста без использования мыши осуществляем стрелками с зажатой клавишей Shift , что представляется весьма удобным.
Радует наличие установок для отдельных типов файлов. Это может пригодиться в том случае, когда вы используете разное количество пробелов при написании кода на разных языках.
Откройте в редакторе css -файл, затем Preferences -> Settings - More -> Syntax Specific - User и пропишите:
{ "tab_size" : 4 }
Теперь в коде css отступы будут выровнены по 4 пробела.
Сниппеты
Как любой уважающий себя текстовый редактор, sublime умеет работать с пользовательскими сниппетами. Пример создания нового сниппета через Tools -> New Snippet:
Сохраните сниппет где-нибудь внутри.config/sublime-text-3/Packages/User . Это всё. Теперь в js-файлах появится возможность вставки текста, описанного нами в поле
Плагины
Разумеется, sublime не был бы так привлекателен, если бы не его коллекция плагинов. Для установки и удаления плагинов используется Package Control . Увы, его нет в стандартной поставке. На момент написания поста установка самого Package Control выглядит следующим образом:
Перейдём в директорию, где хранится конфигурация Sublime-Text, клонируем нужный репозиторий:
$ cd .config/sublime-text-3/Packages/ $ git clone https://github.com/wbond/sublime_package_control.git "Package Control" $ cd "Package Control" $ git checkout python3
Откройте редактор и нажмите сочетание клавиш Ctrl+Alt+P , в появившемся меню следует найти "Package Control: Install Package" . Это всё. Отныне вы вольны выбирать и устанавливать нужные вам плагины.
SublimeCodeIntel
Приближает возможности Sublime Text к возможностям IDE. Ставить в первую очередь.
Status Bar Extension
Отображает кодировку открытого файла, количество строк, используемый язык программирования, количество табов/пробелов в статус-баре.
Placeholders
Для случаев вставки «рыбы» в код. Помните lorem ipsum?
Зачем слова? Кто однажды попробовал emmet, тот уже не в силах от него отказаться. И как без этого раньше жили верстальщики?
SublemacsPro
Для тех, кто привык к старому доброму Emacs.
Интегрирует систему контроля версий Git и Sublime Text, он реализует в редакторе большинство повседневно используемых команд, таких как diff , status , pull .
И, пожалуй, самое интересное: проверка русской орфографии .
Текстовый редактор Sublime Text быстро набрал популярность среди разработчиков благодаря хорошему балансу простоты и функциональности. Среди его достоинств можно отметить возможность одновременного редактирования нескольких участков текста, мощную систему плагинов, подключаемый менеджер пакетов, сохранение и вставку фрагментов текста по горячим клавишам. При всём этом Sublime Text можно скачать бесплатно и использовать без покупки лицензии.
К сожалению, этого приложения нет в стандартных репозиториях многих популярных дистрибутивов. Поэтому чтобы установить Sublime Text 3 в Ubuntu, придётся воспользоваться обходными путями вместо привычного обращения к Центру приложений. В этой статье описано несколько способов разной степени сложности и удобства.
Установка через PPA
Есть пользовательский репозиторий (PPA), в котором всегда доступна самая свежая версия Sublime Text из стабильных. Чтобы подключить его, нужно ввести команду:
sudo add-apt-repository ppa:webupd8team/sublime-text-3
Утилита автоматически импортирует ключи, которые необходимы для сверки целостности пакетов.
После подключения репозитория всегда нужно обновлять кэш пакетов, иначе пакетный менеджер просто не увидит содержимое этого репозитория.
Ну и наконец, установка самого приложения. Название пакета может ввести в заблуждение - несмотря на слово installer, это не установщик, а сам текстовый редактор.
sudo apt install sublime-text-installer
Теперь установленный Sublime Text можно запустить, скомандовав в терминале “subl”, но куда удобнее - через дашборд Gnome 3.
Если приложение стало не нужно, его можно удалить командой:
sudo apt purge sublime-text-installer
После этого лучше удалить и сам подключенный репозиторий PPA, чтобы избежать потенциальных проблем при установке и обновлении пакетов:
sudo add-apt-repository --remove ppa:webupd8team/sublime-text-3
sudo apt update
Установка через репозиторий производителя
Разработчики текстового редактора недавно создали собственный deb-репозиторий, который можно похожим образом подключить к системе. Этот вариант выглядит более предпочтительным - всё-таки лучше полагаться на самих разработчиков программы, чем на обычных пользователей с их PPA.
Сначала надо дополнительно установить пакет apt-transport-https:
sudo apt install apt-transport-https
Следующий шаг - импортирование ключей:
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
Подключение стабильного репозитория:
echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
И стандартная процедура обновления кэша пакетов и установки приложения:
sudo apt update
sudo apt install sublime-text
Для удаления достаточно скомандовать:
sudo apt purge sublime-text
Но нужно также удалить из системы подключенный репозиторий разработчиков. Сделать это придётся вручную. Первый способ - открыть Центр приложений и зайти в его настройки.
В открывшемся окне перейти на вкладку “Другое ПО”, выбрать нужный (точнее, ненужный) репозиторий и нажать кнопку “Удалить”.
Второй способ - удалить созданный ранее файл:
sudo rm /etc/apt/sources.list.d/sublime-text.list
Заключительный шаг любого из этих двух способов - обновление кэша пакетов:
Установка через Snap
В последних версиях Ubuntu появилась “изкоробочная” поддержка системы Snap - замены привычных deb-репозиториев, избавленная от традиционного линуксового “ада зависимостей”. Через Snap можно легко установить Sublime Text 3 всего одной командой:
sudo snap install sublime-text-3 --classic --candidate
После чего в дашборде появится иконка последней стабильной сборки текстового редактора.
Удалить его так же легко, достаточно одной команды:
sudo snap remove sublime-text-3
Установка пакета вручную
Можно просто скачать deb-пакет Sublime Text 3 и установить его кликом - т.е. использовать тот же метод, что уже десятилетиями используется в Windows для установки приложений. Чтобы скачать deb-пакет, надо зайти на и кликнуть там по ссылке загрузки.
После этого надо найти скачанный deb-пакет в папке “Загрузки” домашнего каталога и кликнуть по нему мышью. Откроется утилита установки пакетов Центра приложений. Для установки надо нажать кнопку “Установить” и подождать.
В дашборде появится иконка запуска текстового редактора. Чтобы удалить Sublime Text 3, если он стал не нужен, достаточно ввести команду:
sudo apt purge sublime-text
Использование без установки
Ну и напоследок: совсем необязательно устанавливать программу, чтобы пользоваться ею. Можно просто скачать тарболл Sublime Text 3, распаковать его в удобное место, и запускать прямо оттуда.
Для этого надо зайти на официального сайта проекта, и кликнуть по выделенной ссылке. Браузер скачает архив tar.bz2 в папку “Загрузки” домашнего каталога.
Этот архив надо распаковать в текущую папку.
Потом войти в появившуюся папку и перенести каталог “sublime_text_3” в любое удобное место - например, в папку apps в домашнем каталоге (такую папку нужно предварительно создать). Теперь, чтобы запустить текстовый редактор, достаточно кликнуть по исполняемому файлу “sublime_text”.
Преимущество этого способа - нет необходимости возиться с репозиториями и пакетным менеджером. Для удаления программы достаточно удалить папку “sublime_text_3”. Но есть и минусы:
- приложение не будет обновляться при выходе новых версий;
- для запуска придётся каждый раз открывать файловый менеджер;
- могут быть проблемы с модулями и библиотеками.
Поэтому в Linux так устойчива традиция устанавливать приложения только через менеджер пакетов, и лучше от этой традиции не отступать без крайней на то необходимости.
Ещё на сайте:
Как установить Sublime Text 3 в Ubuntu обновлено: Март 29, 2018 автором: alex ferman
Привет, много уже было написано про 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
Если вы еще не в курсе, Less — это основанный на JavaScript CSS препроцессор. Это код который компилируется в CSS. Существуют разные способы компиляции less в css: Grunt , Guard , и Less.app . Однако возможно вы не хотите, или вам не нужно использовать дополнительные инструменты, и хочется все сделать прямо в редакторе кода. Ниже я привел инструкцию которая подойдет пользователям Windows (я сам делал установку по ней, и также для mac ОС.)
- Устанавливаем Node.js
- Устанавливаем NPM (устанавливается вместе с Node.js)
- Устанавливаем Less Глобально. Открываем Windows консоль и вводим npm install less -gd
- Установим плагин Less2Css и SublimeOnSaveBuild
Откроем настройки ST3: Preferences → Settings — Default, и в конец допишем строку:
"lesscCommand": "/usr/local/share/npm/bin/lessc"
Откроем любой.less файл и попробуем его собрать. Просто вносим изменения в файл, и жмем Ctrl+S.
Если возникла ошибка: Unable to interpret argument clean-css … Это произошло потому что плагин clean-css был обособлен, и не входит в пакет less. Поэтому его надо установить отдельно. Установим. Заходим в консоль и пишем:
Npm install -g less-plugin-clean-css
SASS — это другой препроцессор для CSS. Набирает популярность, и уже обгоняет less по распространению использования.
- Устанавливаем Ruby
- Запускаем консоль, и ставим Ruby Gem gem install sass
- Устанавливаем плагин Sass для Sublime Text
- Устанавливаем плагин Sass Build для Sublime Text
- Устанавливаем плагин SublimeOnSave для Sublime Text
(мы же говорили о этом плагине в инструкции выше)
Теперь добавим настройки в Sublime Text Settings – Default:
{ "filename_filter": ".(sass|scss)$", "build_on_save": 1 }
Также не забудьте при открытом.sass файле зайти и выбрать билд систему в Tools → Build System → SASS Compressed Теперь при сохранении.sass файла будет компилироваться.css.
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. Теперь подсветка будет работать.
В данной статье мы скачаем, установим на windows и русифицируем Sublime Text 3, также активируем его при помощи License Key и установим на него Emmet.
Скачать Sublime Text 3
Скачать Сублайн текст 3 вы можете с оф сайта sublimetext.com, либо с моего яндекс диска (рекомендую, так как именно его я устанавливал, русифицировал и активировал, да и там вы найдете ключи, и русификацию).
Установка Sublime Text 3
Установить Сублайн текст 3 очень просто, для этого его достаточно запустить и щелкать по кнопке далее, на этом останавливаться не буду, думаю ни у кого с этим проблем не возникнет.
Русификация Sublime Text 3
Распаковываете архив (SublimeText3RussianMenu.zip ) и копируем папку Default в «c:\Users\Имя_пользователя\AppData\Roaming\Sublime Text 3\Packages\ » (Путь для Windows 7/8/10)
Активация Sublime Text 3
Чтобы активировать Сублайн текст 3 откройте текстовый документ License Key , скопируйте из него один из ключей, далее запустите Сублайн и перейдите во вкладку «Справка » («Help «) - «Ввести лицензию » («Enter license «) вставляем ключ и жмем «Use License »
Установка Emmet на sublime text 3 и добавление в него Package Control.
Запускаем редактор и нажимаем Ctrl+ или «Вид » — «Показать/скрыть консоль » («View » — «Show console «), после чего снизу откроется панелька для ввода, вставьте в нее нижеприведенный код, нажмите «Enter «, немного подождите и перезапустите редактор.
import urllib.request,os,hashlib; h = "df21e130d211cfc94d9b0905775a7c0f" + "1e3d39e33b79698005270310898eea76"; pf = "Package Control.sublime-package"; ipp = sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); by = urllib.request.urlopen("http://packagecontrol.io/" + pf.replace(" ", "%20")).read(); dh = hashlib.sha256(by).hexdigest(); print("Error validating download (got %s instead of %s), please try manual install" % (dh, h)) if dh != h else open(os.path.join(ipp, pf), "wb").write(by)
import urllib . request , os , hashlib ; h = "df21e130d211cfc94d9b0905775a7c0f" + "1e3d39e33b79698005270310898eea76" ; pf = "Package Control.sublime-package" ; ipp = sublime . installed_packages_path () ; urllib . request . install_opener (urllib . request . build_opener (urllib . request . ProxyHandler () ) ) ; by = urllib . request . urlopen ("http://packagecontrol.io/" + pf . replace (" " , "%20" ) ) . read () ; dh = hashlib . sha256 (by ) . hexdigest () ; print ("Error validating download (got %s instead of %s), please try manual install" % (dh , h ) ) if dh != h else open (os . path . join (ipp , pf ) , "wb" ) . write (by ) |
Теперь заходим во вкладку «Опции » — «» или нажимаем сочетание клавиш «Ctrl » + «Shift » + «P «, после чего всплывет окошко в котором выбираем «Install Package » (если не ошибаюсь 6 строка).
После чего всплывет еще окошко, в котором необходимо ввести «Emmet «, появится масса предложений, нажимаем на первое (где просто Emmet ).
Ждем немного, пока не откроется вкладка с содержимым, что Эммет успешно установлен, закрываем все вкладки и перезапускаем редактор. Все можно пользоваться!
В трех словах, о том, как работает Эммет
Приведу несколько примеров для Emmet . Допустим нам нужно базовый каркас веб-страницы на html5 , для этого достаточно ввести «!» и нажать «Tab».
Чтобы быстро построить к примеру блок с классом col-sm-6 , необходимо ввести «.col-sm-6 » и нажать «Tab», получим «»
Для того чтобы построить вот такую конструкцию:
< div class = "row" > < div class = "col-md-3" > Lorem ipsum dolor sit amet , consectetur adipisicing elit . Nesciunt natus quidem qui , obcaecati dolorem optio nulla voluptates suscipit eligendi laboriosam quisquam odio provident facilis laudantium . Non , tempora mollitia consequuntur laborum ! < / div > < div class = "col-md-3" > Incidunt fugiat beatae non voluptatum at iste inventore obcaecati rem tenetur officiis reprehenderit soluta , magnam est consequatur accusantium , fuga aperiam nesciunt exercitationem dignissimos aut , ut . Voluptatibus id explicabo , suscipit porro . < / div > < div class = "col-md-3" > Iste magni , nam id a , maxime incidunt aperiam hic , aliquid suscipit aspernatur maiores quaerat sequi asperiores perferendis eum delectus consectetur sint excepturi laboriosam , error . Ratione voluptatum similique sunt sequi maiores ! < / div > < div class = "col-md-3" > Officiis doloremque cumque ab quae similique totam voluptates ? Molestias rerum eos dolor nulla quidem nam pariatur , quisquam reiciendis tenetur . Dolorum , at , illum ! Corporis , itaque , impedit repellendus natus accusantium sit sunt . < / div > < / div > |
достаточно ввести вот такую небольшую строчку «.row>.col-md-3*4>lorem » и нажать «Tab «.
Как вы видите Emmet очень крутое дополнение, которое очень ускоряет процесс верстки, главное уметь правильно им пользоваться) Советую почитать документацию.
Всем привет!
В этой статье мы рассмотрим, как нам установить редактор Sublime Text 3 и полезный плагин Emment.
Установка Sublime Text 3
1. Итак, для начала скачиваем самую последнюю версию Sublime Text 3, c официального сайта .
2. Что касается установки для Windows, то я думаю проблем у вас быть не должно, в принципе как и в других ОС. Я пользуюсь Linux UbuntuStudio и покажу как быстро, на уровне пользователя установить редактор.
Если у вас ОС 64 битная, то скачиваем пакет DEB соответствующей версии для установки через центр приложений Ubuntu.
Кликаем по скачанному файлу и устанавливает DEB пакет(он должен автоматически открытся в установщике «Центр прилржений»).
Всё готово!
Установка плагина Emment.
1. Возможно понадобится расширение PackageControl . Для его установки откройте конcосль [ Ctrl + ` ] и введите вот этот код (если у вас Sublime Text 3):
Import urllib.request,os,hashlib; h = "2915d1851351e5ee549c20394736b442" + "8bc59f460fa1548d1514676163dafc88"; pf = "Package Control.sublime-package"; ipp = sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); by = urllib.request.urlopen("http://packagecontrol.io/" + pf.replace(" ", "%20")).read(); dh = hashlib.sha256(by).hexdigest(); print("Error validating download (got %s instead of %s), please try manual install" % (dh, h)) if dh != h else open(os.path.join(ipp, pf), "wb").write(by)
В современных версиях дистрибутива, расширение PackageControl уже установлено. Его только нужно включить. Для этого перейдите во вкладку Tools->Install Package Control. Кликаем. Расширение включено. Оно теперь должно появиться во вкладке Preferences.
2. Далее приступаем к установке самого плагина Emment. В редакторе выбираем пункт меню Preferences->Package Contro l или по сочетанию клавиш [ Ctrl + Shift + P ] напишем в появившемся поле install .