Как установить плагины в sublime text 3: Настройка Sublime Text 3 — База Знаний Timeweb Community

Содержание

Как установить плагин или тему для Sublime Text 3 — Webstacker

Если ты читаешь эту статью – ты хочешь узнать побольше о плагинах и темах для Сайблайма и то, как их установить. Так что погнали!

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

Установка

Есть два способа установки плагинов и тем для Sublime Text 3 – автоматическая с помощью Package Control и ручная, скачивая архив и размещая его в папке приложения.

Автоматическая установка

Рекомендуемый способ установки тем и плагинов. Даже не перезапуская приложение мы устанавливаем нужную тему или плагин, используя интерфейс Package Control:

  1. Нажимаем ⌘ / ctrl + shift + P чтобы открыть консоль Саблайма
  2. В консоли пишем install package, выбираем эту команду
  3. Пишем нужный запрос – будь то Git, подсветка синтаксиса или тема
  4. Нажимаем Enter и вуаля

Ручная установка

Бывают ситуации когда плагин приходится устанавливать вручную (Например, плагин отсутствует в пакетном менеджере Саблайма). Это занимает не больше пары минут времени и делается следующим образом:

  1. Качаем архив с плагином
  2. Распаковываем, меняем название папки на название плагина
  3. Переходим в папку плагинов приложения, используя меню приложения – Preferences > Browse packages…
  4. Переносим папку с плагином в папку, которая открылась в шаге выше

Активация

Если плагины устанавливаются и активируются автоматически, то тему придется активировать вручную. Это делается невероятно просто – открываем меню приложения, выбираем Preferences > Theme... и выбираем нужную тему. Бинго, все работает!

Где взять плагины и темы?

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

Больше всего плагинов и тем для Sublime Text 3 можно найти в пакетном менеджере – Control Manager или на GitHub.

Кстати говоря, мы уже писали ранее о маст-хэв крутых плагинах для Sublime Text 3

Также подписывайтесь на наш офигенный Телеграм-канал 🤘: постим крутые статьи, авторские мнения, новости и шутки из мира Web-разработки. Понравилась статья? Расскажи об этом друзьям!

Поделиться статьей:

Прокачиваем Sublime 3 для эффективной верстки

Быстро настраиваем Sublime text 3 для верстки.

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

Для установки плагинов необходимо нажать shift + cmd + p, набрать install и выбрать пункт «Package Control: Install Package».

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

Плагины для верстки

  • AutoFileName — предлагает пути для файлов и изображений;
  • Emmet — целый набор плагинов для быстрого написания кода. Подробнее;
  • SideBarEnhancements — расширение сайдбара;
  • SASS — подсветка синтаксиса sass. Забавно, но долгое время я спокойно справлялся подсветкой синтаксиса less при работе с sass файлами;
  • LESS — подсветка синтаксиса less. На данный момент почти не использую. так как по работе все больше использую sass;
  • SublimeOnSaveBuild — компилирует файлы из less или sass в css сразу после сохранения. В последнее время тоже почти не используется, так это делает Gulp.

Emmet

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

Шаблон html

Создание элементов

Создание вложенных элементов. Тут можно увидеть работу плагина AutoFileName при выборе ссылки

Работа с большим списком. Шорткат shift + cmd + l позволяет выбрать похожие элементы и работать одновременно со всеми

По ссылке можно посомтреть полный перечень трюков для Emmet.

Для внесения изменений в настройки Sublime необходимо перейти Preferences > Settings. Все измнения лучше вносить в User settings

{
	"open_files_in_new_window": false, //при открытии любого файла из папки открывает его в текущем окне
	"translate_tabs_to_spaces": true, //преобразование табов в пробелы
	"tab_size": 2, //количество пробелов в одном табе
	"filename_filter": ".(sass|scss)$", //эта и нижняя строка для компиляции css из scss файлов при сохранении
  	"build_on_save": 1,
	"createCssSourceMaps": true //создавать sourcemap
}

Почитать про настройку и работу с Sublime

Sublime Text — плагины для верстки

Пришло время прокачать ваш Sublime Text, чтобы разрабатывать проекты быстро и современно.

Находясь в Sublime Text нажмите Ctrl+Shift+P. Откроется консоль, в ней напишите install, появится строка Install Package Control. Нажмите на нее, и установится Package Control (переводится как «контроль пакетов»).

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

Можете посмотреть короткое видео по установке Package Control:

Теперь через Package Control можно устанавливать плагины (дополнения) для Sublime Text. Вверху Sublime Text найдите кнопку Preferences, а в ней найдите Package Control. В открывшемся окне найдите Package Control: Install Package и нажмите. В открывшемся окне находится список всех плагинов для Sublime Text. Все устанавливать не нужно. В строке поиска этого окна введите Alignment, и нажмите на появившийся плагин, начнется установка. Посмотрите видео:

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

Список плагинов:

  • Alignment (вы должны были его только что установить)
  • Auto Semi-Colon
  • AutoFileName
  • ApacheConf
  • BracketHighlighter
  • Color Highlighter
  • Console Wrap
  • CSS Extended Completions
  • DocBlockr
  • Inc-Dec-Value
  • JQuery
  • SASS
  • StyleToken
  • SublimeLinter
  • SwapStrings
  • JavaScript & NodeJS Snippets
  • Advanced New File
  • Git
  • GitGutter
  • SublimeCodeIntel
  • HTML-CSS-JS Prettify
  • Goto-CSS-Declaration
  • CSScomb
  • ClipBoard History
  • Web Inspector

sublimetext2 — Sublime Text 3: Как установить плагины из Github

Как установить плагины из github для Sublime Text 3? Я пытаюсь установить это. На данный момент я установил displayfunctions.py в Packages/Display-Functions/displayfunctions.py (я создал новую папку Display-Functions в папке Packages для хранения displayfuntions.py). Это все еще не работает. Как я могу это исправить?

24

George Newton 12 Апр 2014 в 08:47

5 ответов

Лучший ответ

Этот процесс установки работает для любых плагинов Sublime-Text 2/3.

  • Выйти из Sublime

  • Перейти в папку Packages:

    • Windows: %APPDATA%\Sublime Text 3\Packages
    • OS X:
      ~/Library/Application\ Support/Sublime\ Text\ 3/Packages
    • Linux: ~/.config/sublime-text-3/Packages/
  • Выполнить: git clone https://github.com/BoundInCode/Display-Functions.git

  • Откройте Sublime и попробуйте использовать.

42

Community 20 Июн 2020 в 09:12

В Sublime Text 3, если у вас уже есть Package Control, но пакет не отображается в Install Packages , например, ChainOfCommand , вам нужно «Добавить репозиторий», чтобы добавить package в Package Control, только после этого вы сможете его установить.

Вот пошаговый процесс:

  1. В веб-браузере перейдите к своему плагину, скопируйте URL-адрес git (должен заканчиваться на .git

    ).

    • для ChainOfCommand это https://github.com/jisaacks/ChainOfCommand.git

  2. В Sublime, открытый контроль пакетов

  3. Выберите Package Control: Add Repository

  4. Внизу окна Sublime появится поле ввода. Вставьте URL. И УДАЛИТЕ РАСШИРЕНИЕ .GIT ; нажмите Enter.

    • Теперь репозиторий добавлен в Package Control, но не установлен.
  5. Снова откройте Package Control (как на шаге 2).

  6. Выберите Package Control: Install Packages

  7. Теперь у вас должна быть возможность найти и установить ранее отсутствующий пакет, то есть ChainOfCommand.


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

  1. Как и в предыдущем случае, скопируйте URL-адрес (на этот раз включите .git).

  2. В Sublime перейдите в «Настройки»> «Обзор пакетов» (откроется папка «Пакеты»).

  3. Щелкните правой кнопкой мыши пустое место в папке> Git Clone

  4. Поскольку URL-адрес уже находится в вашем буфере обмена, он должен автоматически отображаться в URL-адресе окна Git Clone. Нажмите ОК и вуаля, установлено.

28

Travis Heeter 28 Сен 2018 в 12:46

Для Sublime text 3 я установил несколько пакетов с GitHub, например:

Все готово и готово к использованию пакетов.

Обновление: Спасибо @GMunguia за то, что помните предупреждение.

3

mtb 13 Дек 2016 в 10:57

Поскольку этот плагин доступен через Package Control, который, как я считаю, является наиболее удобным способом установки пакетов, вам следует посмотрите на установку этого. Это широко поддерживаемый менеджер пакетов для Sublime Text 2/3.

0

idleberg 13 Апр 2014 в 13:39

Перейдите к tools, затем command palette..., затем введите package control: install package и нажмите Enter. после этого введите имя нужного пакета. это очень просто

0

Geco 5 Апр 2020 в 08:45

Быстрая настройка Sublime Text 3 для вёрстки сайтов

 

Скачать дистрибутив Sublime Text 3:   https://www.sublimetext.com/

 

По умолчанию Sublime Text — выглядит печально 😥

 

 

Поэтому установим все необходимые плагины.

 

Настроим  Package Control

 

Нажимаем:  Ctrl + Shift + P

 

На MAC другое сочетание клавиш, возможно  Cmd + Shift + P

 

 

Жмем  Enter  и устанавливаем  Package Control

 

Package Control необходим для того, что бы можно было устанавливать необходимые пакеты и плагины для  Sublime Text

 

После установки   Package Control — установим все необходимые плагины.

 

 

Emmit — нужен для того, что бы максимально быстро писать  html и  css  код ;

Установим Emmit

Нажимаем:  Ctrl + Shift + P

 

Имеем список доступных пакетов (серый список)

 

И судя по сообщению — установка  Emmet  завершена!

 

 


Следующий плагин который установим:  AutoFileName

 

 

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

Для установки нажимаем: Нажимаем:  Ctrl + Shift + P

 

И в появившемся списке пакетов — набираем в строке:  AutoFileName

 


 

Следующий плагин который установим: Gist

Гисты — это кусочки кода, которые хранятся на gist.github.com.

Причем эти кусочки кода можно прямо из Sublimetex — извлечь с gist.github.com.

 

 

Для установки нажимаем: Нажимаем:   Ctrl + Shift + P

 

 

Установили Gist!

Рекомендуется посмотреть видео по настройке Gist

 


 

СЛЕДУЮЩИЙ ПЛАГИН: SASS

 

 

 

Важно!

 

НЕ ЗАБЫВАЕМ УСТАНОВИТЬ    Gulp sass   в   Terminal 

 

Командой:     npm i gulp-sass --save-dev  

 

 

 

 

    Да ХРЕН ТАМ! — НЕ БУДЕТ РАБОТАТЬ!    

 

Еще необходимо доставить еще пакет:

 

 

Скрина нет) Так как уже поставил — а 2 раза установщик не показывает.

 

 

Теперь установим Внешнее оформление Sublime Text

 

 

     Начали:     

 

 

и  2 варианта  цветовых оформления на выбор:

 

 

Далее переходим собственно к настройке Sublime Text 3

 

 

Отrроется файл настроек Sublime Text3

 

Правим настройки прям в этом же файле и нажимаем  Ctrl + S 

 

Ссылка на статью с настройками Sublime Text

 

Однако, при простом копировании настроек из статьи по ссылке — может возникать ошибка — МОл, не может найти тему One Dark!

 

Проблема решилась — выбором нашей темы   «One Dark..» 

 

напрямую через меню Sublime Text3:

 

 

    Порядок! Продолжаем настройку :   

 

 

Включить отображение непечатных символов:

 

нужно добавить строку в пользовательский файл настроек Sublime Text → Preferences → Settings — User.

Допишем код ЧЕРЕЗ ЗАПЯТУЮ в наш файл настроек:

   "draw_white_space": "all"    //Показать все символы  

 

 

 

Меню выключили — но можно его оперативно включать.

 

 

Установка темы One Dark на MAC

 

Выполняем стандартную установку в   Sublime Text 3   через комбинацию клавиш    Cmd + Shift + P 

 

 

1) Ставим:   Theme — One Dark 

 

2) Ставим:    One Dark — Color Scheme 

 

Но потом, скорее всего произойдет сбой ТЕМЫ!

 

Что бы это исправить — идем как на картинке:

 

SumbLime Text  ->   Preferences  ->    Color Scheme... 

 

   И вуаля! Тема One Dark у нас встала!

 

Установка  темы на MAC — Завершена!

 

Далее — откроем настройки клавиатуры:

 

Preferences →  Key Bindings   (Сочетания клавиш)

 

 

Далее переходим к Гисту:

 

GitHub Gist

 

Ссылка на статью с настройками Sublime Text

 

 

и вставляем ее сюда — в правую вкладку:

 

 

{ "keys": ["alt+shift+f"], "command": "reindent" },

 

 

 

 

Далее — откроем настройки клавиатуры Sublime Text3 на MAC:

 

Preferences   →    Key Bindings    (Сочетания клавиш)

 

 

В открывшееся правое окно (документ)  —  вставляем строчку (см. инструкцию Windows):

 

   И вуаля — все работает!  

 

А точнее — выполняется Выравнивание строк кода!

Важно, обязательно оставить квадратные скобки — иначе ошибка будет и не будет работать.

 

    Выравнивание на MAC — РАБОТАЕТ!  

 

 

Далее настраиваем:

 

 

и откроется папка   Packages 

 

 

Эта папка нужна для быстрого переноса настроек — на другое рабочее место.

 

Просто копируем все содержимое этой папки  Packages 

 

Или же можно сохранить только отдельные настройки из папки   User 

 

 

 

Включение боковой панели  Sidebar 

 

 

 

Можно приступать к работе по верстке сайтов!

 

 

 

 

И пропишем строку в конец файла,

 

ВАЖНО поставить ЗАПЯТУЮ после предыдущего параметра:

 

<span>»draw_white_space»: «all»</span> // показывать все символы

<span>»draw_white_space»: «all»</span> // показывать все символы

 

 

 

       Изменить шрифт в Sublime Text 3     

 

 

 

Пропишем нужный нам шрифт:

 

     "font_face": "Courier New",   

 

 

Установим еще дополнение для быстрого просмотра цвета:

 

Вызовем установщик:       Ctrl + Shift + P  

 

 

 

    ГОТОВО!  

 

Можно настроить — с какой стороны подсвечивать квадратик.

 

 

 

Включить «Черную (Темную)» тему для   «Side Bar» 

 

 

И выбрать:

 

 

    Настройка переносов длинных строк:  

 

 

 

 

 

 

Как получить мои настройки Sublime Text 3 – Николай Громов

Намедни вернулся к Sublime Text 3 от Atom. Пользовался последним чуть менее двух месяцев, полностью прочувствовал, отказываюсь от него.

Для Sublime Text 3 есть плагин синхронизации настроек Sync Settings, который сохраняет настройки в gist и позволяет синхронизировать через такой gist настройки ST3 на разных компьютерах. Синхронизируются файлы из папки пользователя, которые можно посмотреть, вызвав из выпадающего меню: Preferences → Browse Packages (откроется файловый менеджер, будет видна папка User — это и есть папка пользователя).

Чтобы получить мои настройки, нужно:

1. Установить Package Control

Смотрите выпадающее меню Preferences, если есть пункты Package Control — пропускайте шаг.

Установка Package Control элементарна.

2. Установить Sync Settings

Как и с любым другим плагином:

  • Ctrl+Shift+P (Cmd+Shift+P для OSX), набираем install, вызываем пункт Package Control: Install Package,
  • ждем появления модального окна со списком доступных плагинов,
  • набираем Sync Settings и выбираем пункт с ним.

3. Генерируем новый токен

Нужна регистрация на github.com (этобесплатноБЕЗСМС). Имя токена — что-то вроде «ST3 sync settings», права — работа с gist (ставим галочку рядом с пунктом «gist»).

4. Форкаем мои настройки

Переходим к gist-у с моими настройками (осторожно, там словарь проверки орфографии на 10+ Мб) и жмем кнопку Fork , чтобы у вас появилась их копия.

5. Настроим ваш Sync Settings

Идем в Preferences → Packege Settings → Sync Settings → Settings — Default, выделяем всё и копируем в буфер.

Идем в Preferences → Packege Settings → Sync Settings → Settings — User, вставляем из буфера.

Заполняем поля "access_token" (вы генерировали его раньше, копипастим) и "gist_id" (это конечная часть URL-а вашего gist-а с настройками, примерно такая: b1b28f1c3586a9e3985989518db20457).

6. Стянем настройки

Ctrl+Shift+P (Cmd+Shift+P для OSX), находим и вызываем пункт Sync Settings: Download, ждем некоторое время (на быстром канале — в пределах 2-х минут) пока скачаются настройки и установятся все плагины.

Как пользоваться

  1. Пройтись по настройкам, поменять что-то для себя (я, к примеру, использую светлую тему)
  2. Посмотреть какие плагины стоят, возможно, добавить свои.

После изменений отправить свой настройки в свой гист: Ctrl+Shift+P (Cmd+Shift+P для OSX), находим и вызываем пункт Sync Settings: Upload.

P.S.

Я не работаю в техподдержке Sublime Text или каких-либо его плагинов.

Понравилась статья? Ставьте лайк, делитесь в соц. сетях или купите мне кофе.

Как Установить Livereload На Sublime Text 3?

Платформа, которую я использовал: Linux Mint 17+

Я хочу поблагодарить http://anthozano.fr/livereload-pour-sublime-text-3/. Я смог запустить живую перезагрузку над возвышенным текстом 3 с инструкциями на веб-сайте. Тем не менее, веб-сайт написан на французском языке (я считаю, что Google translate сказал), поэтому я решил написать здесь шаги.

Сначала установите возвышенный текст 3 отсюда http://www.sublimetext.com/3 или следуйте по своему усмотрению (я сделал это с Linux mint Package manager).

Во-вторых, установите управление пакетом отсюда https://packagecontrol.io/installation#st3 (инструкция четко указана на веб-сайте, поэтому я сделал не объясняйте это много).

В-третьих, откройте управление пакетом (ярлык: Ctrl+Shift+P) и выполните поиск Package Control: Add Repository

Теперь появляется область для ввода URL-адреса в нижней части окна возвышенного текста 3. Введите https://raw.github.com/Grafikart/ST3-LiveReload/master/package.json.

Снова откройте управление пакетом и выполните поиск Package Control: Install Package, а затем выполните поиск LiveReload в следующем окне.

Настройте установку пакета LiveReload на Preferences > Package Settings > LiveReload > Setting - Default и вставьте это:
  

 
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}

Теперь для вашего браузера установите подключаемый модуль LiveReload, как показано ниже:
Firefox: http://download.livereload.com/2.1.0/LiveReload-2.1.0.xpi
Chrome: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Safari: http://download.livereload.com/2.1.0/LiveReload-2.1.0.safariextz

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

Примечание. Пользователи Chrome, для поддержки LiveReload для страниц file://, перейдите к chrome://extensions/ и отметьте Allow access to file URLs.

Снимок сделан из Safari для Mac OSX:

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

Спасибо Энтони Лозано за http://anthozano.fr/livereload-pour-sublime-text-3/.

sublimetext2 — Sublime Text 3: как установить плагины из Github

sublimetext2 — Sublime Text 3: как установить плагины из Github — qaru Этот сайт в настоящее время находится в режиме только для чтения; мы скоро вернемся с полной функциональностью. Подпишитесь на @StackStatus или посетите наш статусный блог для получения дополнительной информации.

Спросил

Просмотрено 43k раз

Как мне установить плагины из github для Sublime Text 3? Я пытаюсь это установить.До сих пор я установил displayfunctions.py в Packages / Display-Functions / displayfunctions.py (я создал новую папку Display-Functions в папке Packages для хранения displayfuntions.py ) . Это все еще не работает. Как я могу это исправить?

Создан 12 апр.

Джордж Ньютон Джордж Ньютон

2,9497 золотых знаков2727 серебряных знаков4444 бронзовых знака

Этот процесс установки работает для любых плагинов Sublime-Text 2/3.

Оставить комментарий

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

Ваш адрес email не будет опубликован.