Как установить плагины в 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. Пара быстрых трюков, которые пригодятся почти каждому:

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

Создание вложенных элементов. Тут можно увидеть работу плагина 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"    //Показать все символы  

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

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

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

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

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

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

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

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

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

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> // показывать все символы

       Изменить шрифт в 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

Спросил 7 лет, 6 мес. Назад

Просмотрено 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.

 1
2
3
4
5
6
7
8
9
10
 

  

  
 
  

    
  Элемент 1  
    
  Пункт 2  
    
  Пункт 3  
    
  Пункт 4  
    
  Пункт 5  
  

  

 1
 

  nav # menuSystem.navMenu.isOpen> div # hotelLogo> div.navMenuIcon.logoIcon + div # arrowPointer + ul # navMenuMain> li.navMenu $Item.navMenuItem $$$ * 2> divMenuItem $$$ * 2> div a {Item $}  

 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16