Sublime text 3 autofilename: Как настроить autoFileName в Sublime Text3 для SASS? — Хабр Q&A

sublimetext3 — Завершение пути к файлу в возвышенном тексте 3

Я использую возвышенный текст в качестве редактора кода, я потратил время на написание путей к файлам для фотографий и ресурсов. Я поискал и нашел два пакета для завершения пути к файлу: AutoFileName и FuzzyFilePath, но эти пакеты работают только с возвышенным текстом 2.

Есть ли альтернативные решения для Sublime Text 3?

12

Alaa M. Tekleh

12 Авг 2016 в 14:31

4 ответа

Лучший ответ

Auto File Name теперь поддерживает Sublime Text 3, как и FuzzyFilePath.

Поиск по Package Control также дает результаты для других подобных пакетов.

11

Gerard Roche
20 Авг 2016 в 17:14

Какое-то время я думал, что AutoFileName не работает, но ответ заключается в том, что для срабатывания автозаполнения необходимо поместить курсор между двумя кавычками:

import '. ./';

(курсор должен быть после / выше)

Если вы просто начнете вводить вот так, он не сработает:

import '../

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

0

Little Brain
1 Дек 2020 в 15:49

Возможно, вам нужен AutoFileName

0

Leo
3 Сен 2018 в 02:47

Sublime Text 2 — AutoFileName

Можно ли настроить плагин AutoFileName для Sublime Text 2 для распознавания атрибутов ссылочного пути TypeScript и разрешить автоматическое завершение для других файлов . ts в моем проекте?

Например, если бы у меня была такая файловая структура, как:

scripts
  models
    MyModel.ts
  services
    MyService.ts

Затем в MyService.ts я бы хотел, чтобы атрибут path в ссылочном теге разрешал автоматическое завершение ../models/MyModel.ts

/// <reference path="../models/MyModel.ts" />

Я надеялся, что смогу сделать это, используя параметр «auto_complete_triggers» в моем файле user/preferences.sublime-settings, но на самом деле понятия не имею, как это сделать.

sublimetext2

sublimetext

sublime-text-plugin

Поделиться

Источник

bingles    

21 января 2015 в 04:00

2 ответа

• Sublime Text 2 & PYTHONPATH

  При запуске скрипта python на Sublime Text 2 (OSX) интерпретатор python работает (используя дистрибутив Enthought Python), но не мой собственный PYTHONPATH. Вот как выглядит файл Python.sublime-build на данный момент: { path: /Library/Frameworks/EPD64.framework/Versions/Current/bin/, cmd:…

• Sublime Text 2-открытые папки

  Можно ли открыть несколько папок в одном окне с помощью Sublime Text 2 ? Выбор File->Open Folder всегда открывает папку в новом окне. Sublime Text-отличный редактор, но эта проблема немного раздражает.

2

Это проблема синтаксиса (tmLanguage)

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

Я использую ArcticTypescript и только что сделал запрос на вытягивание , чтобы исправить эту проблему tmLanguage. Правка: Теперь он объединен.

Если вы используете другой пакет для подсветки синтаксиса, например better-typescript, пожалуйста, откройте проблему, чтобы исправить определение синтаксиса.

Поделиться

Ilan Frumer    

01 февраля 2015 в 22:37

0

Откройте Preferences -> Package Settings -> AutoFileName -> Settings-Default и скопируйте все содержимое в новый файл (вы можете установить синтаксис JSON, если хотите), затем закройте файл по умолчанию (вы никогда не хотите вносить изменения в настройки по умолчанию для любого плагина, всегда используйте настройки пользователя, если вы что-то испортили и вам нужно вернуться). Измените параметр "afn_valid_scopes" , чтобы включить "ts", и все должно быть готово. Сохраните файл как Packages/User/autofilename.sublime-settings , где Packages — папка, открытая при выборе Preferences -> Browse Packages... .

Если вы использовали следующий параметр в настройках пользователя Sublime:

"auto_complete_triggers":
    [
      {
         "characters": "/",
         "selector": "string.quoted.double.html,string.quoted.single.html, source.css"
      }
    ]

затем добавьте запятую , после source.css , затем добавьте string source.ts и сохраните.

Поделиться

MattDMo    

21 января 2015 в 16:25

Похожие вопросы:

Sublime text 2 SASS завершений

Я использовал sublime-text-haml-sass , чтобы получить поддержку SASS для sublime text 2. Все это работает, кроме css завершений. В папке C:\Users\USERNAME\AppData\Roaming\Sublime Text 2\Packages\css…

Sublime Text 2 FTP сбой

Я запускаю ubuntu 11.10 с gnome-shell и Sublime text 2 Beta Build 2180. Когда я подключаюсь к серверу FTP (с логином) и открываю файл с sublime text 2, я могу редактировать его просто отлично, то…

Sublime Text 3 ‘subl’ команда все еще связана с Sublime Text 2

Это сводит меня с ума. Я использую OSX, и до сегодняшнего дня у меня был установлен Sublime Text 2. После установки Sublime Text 3, Когда я ввожу команду ‘subl’, журналы terminal: Unable to find…

Sublime Text 2 & PYTHONPATH

При запуске скрипта python на Sublime Text 2 (OSX) интерпретатор python работает (используя дистрибутив Enthought Python), но не мой собственный PYTHONPATH. Вот как выглядит файл…

Sublime Text 2-открытые папки

Можно ли открыть несколько папок в одном окне с помощью Sublime Text 2 ? Выбор File->Open Folder всегда открывает папку в новом окне. Sublime Text-отличный редактор, но эта проблема немного…

Переход с Sublime text 2 на Sublime text3

Мне нужно перейти с sublime text 2 на sublime text 3, чтобы иметь все те же конфигурации/плагины, которые я установил на sublime text2. Я установил sublime text 3, но у него нет ни одного из пакетов…

Sublime Text 2 Лицензирование-Sublime Text 2

Что произойдет, если вы не лицензируете пробную версию программного обеспечения Sublime Text 2? Он просит меня лицензировать программное обеспечение, и я закрываю это всплывающее окно, и ничего не…

Сервис Sublime Text 2

Я пытаюсь сделать открытый в Sublime Text 2 сервис через Automator. Я делаю это с помощью: Работает Автоматизатор Добавление новой службы Добавление Run Shell Script Установка Shell на /bin/zsh Ввод…

Интерактивный ввод в Sublime Text 2

Я написал программу C в Sublime Text 2, которая использует scanf. Но Sublime Text полностью игнорирует это и завершает программу. Можно ли настроить его на запуск программы в обычном окне Windows…

Завершение пути к файлу в sublime text 3

Я использую sublime text в качестве редактора кода, я потратил впустую время на написание путей к файлам для фотографий и активов. Я искал и нашел два пакета для завершения пути к файлу, которые…

Быстрая настройка 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» 

И выбрать:

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

livereload sublime text 3 не работает

Автор admin На чтение 5 мин.

Сегодня мы рассмотрим настройку популярного редактора кода Sublime Text 3 для веб-разработки.

Внимание! Вышла более новая версия руководства.
С новым материалом вы можете ознакомиться Здесь.

Плагины

emmet — плагин для скоростной верстки.

livereload — автообновление страницы.

Для корректной работы плагина LiveReload в Sublime Text 3 необходимо дописать в пользовательских настройках плагина следующую конструкцию (подробнее в видео):

sass — настроим корректную подсветку SASS в Sublime Text 3.

jade — HTML препроцессор.

gist — плагин для быстрого доступа к вашим сниппетам на GitHub.

brackethighlighter — подсветка скобок, тегов в Sublime Text 3.

autofilename — автокомплит для подключения внешних файлов в верстку.

colorhighlighter — подсветка цвета.

BufferScroll — сохранение позиции курсора в документе.

Goto-CSS-Declaration — плагин для быстрого поиска соответствующего класса в CSS, SASS, LESS.

Фишки

• Поменяем тему на twilight.
• Научимся множественному выделению.
• Назначим клавиши для события reindent (хоткей для автоматического формата документа).
• Научимся управлять числовыми значениями (Инкремент и Декремент).

Ссылки

LiveReload Browser Extension: http://livereload.com/extensions/

Премиум уроки от WebDesign Master

Создание контентного сайта на Jekyll от А до Я

Создание современного интернет-магазина от А до Я

Я — фрилансер! — Руководство успешного фрилансера

Нужно, чтобы LiveReload отслеживал определенные типы файлов, а не все. Сейчас в настройках пользователя такой код:

3 ответа 3

Одним из решений может быть выкинуть сервер LiveReload, который поддерживает пакет для Sublime Text. Это не единственная реализация LiveReload-сервера.

Есть также guard-livereload : плагин для системы Guard для выполнения действий при изменении файлов. Он написан на Ruby и потому для работы требует установленного Ruby. Порядок установки минимально отличается от других плагинов для Guard, вроде guard-haml , об установке и запуске которого я уже писал ранее.

В Guardfile можно задать шаблоны путей, изменение файлов по которым даст сигнал клиенту LiveReload для обновления. В README есть пример:

Код выше, разумеется, на Ruby. Каждая строчка watch добавляет на отслеживание пути, подходящие под регулярное выражение, относительно корня проекта (рабочей директории, где запущен guard ). Регулярка записывается /так/ , %r , или другими способами. Само выражение можно проверить на Rubular или просто в Interactive Ruby (IRB).

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

February 12, 2013

В предыдущей статье, посвященной вопросу автообновления страниц в окне браузера, я упоминал об плагине для редактора Sublime Text 2 под названием LiveReload. Сегодня я вернусь к этому вопросу и выполню установку этого плагина. Она проста — там нет ничего сложного.

Итак, приступаем к установке и настройке LiveReload в Sublime Text 2.

Первое, что необходимо сделать, это установить менеджер пакетов в редакторе. Установка пакетов в Sublime Text может выполняться двумя способами — вручную или же автоматически. Последний способ более простой и удобный, поэтому воспользуюсь им.

Установка менеджера пакетов

Открываем Sublime Text и переходим в меню по пути “View — Show Console” или же нажимаем сочетание клавиш , затем копируем и вставляем нижеприведенный код в окно консоли:

Жмем Enter и затем закрываем и снова открываем Sublime Text, чтобы изменения вступили в силу. Менеджер пакетов установлен.

Установка LiveReload

Переходим к установке плагина LiveReload в Sublime Text 2. Переходим в меню по пути “Preferences — Package Control”:

В менеджере пакетов выбираем из списка пункт “Package Control: Install Package”:

Немного подождем, пока загрузится список пакетов. Затем в окне поиска введем имя пакета — “LiveReload”:

Жмем Enter kbd> — пара секунд и плагин установлен. Снова перезагружаем редактор, чтобы изменения вступили в силу:

Установка расширения LiveReload в Chrome

Плагин LiveReload работает совместно с одноименным расширением, которое устанавливается в браузер. В моем случае это будет Google Chrome. Приступаю к установке.

В настройках Chrome перехожу в раздел с расширениями и ввожу в строку поиска имя плагина — “LiveReload”:

Соглашаюсь со всем и жму кнопочку “Установить”. Перезагрузки браузера не требуется — в панели инструментов сразу появляется значок расширения в виде двух круговых стрелочек.

Установка расширения произведена.

Тестирование плагина LiveReload

Открываю в Sublime Text 2 редактируемый HTML-файл. И открываю его же в браузере Google Chrome. Нажимаю мышью на значок расширения LiveReload в панели инструментов и вижу в строке статуса следующее:

Это говорит о том, что плагин в редакторе Sublime Text 2 успешно подключился к плагину LiveReload в браузере. Можно приступать к работе. Изменяю код в файле, сохраняю изменения и вижу, как они автоматически применились в окне Chrome.

Заключение

Применение плагина LiveReload мне кажется более удобным, нежели расширения, рассмотренные в предыдущей статье. Хотя бы тем, что изменения автоматически вступают в силу, не нужно ждать даже 1 секунды. Главное, не забыть нажать сочетание клавиш Ctrl + S . Вот если бы и этого не нужно было делать, было бы совсем замечательно!.

RxJs — map

Первый «серьезный» метод в моей RxJs-копилке знаний. На самом деле все просто — этот метод получает на вход поток, обрабатывает каждый ev. … Continue reading

Тонкая настройка «Sublime Text 3»

Понравился текстовый редактор Sublime Text.

Раньше-то Eclipse был нашим всем, но на днях произошло неприятное: Eclipse падает всякий раз при копи/пэйст. Открыт соответствующий баг, решения пока нет, а между тем работать в Eclipse стало и решительно, и нерешительно невозможно. Вероятно, можно откатиться на более старые версии, но не факт, бо тогда и окружающие его пакеты тоже надо даунгрейдить, а это не тру.

Но под Linux есть много всяких IDE для разработки, даже есть почти нативное KDevelop. Из кроссплатформенных на слуху:

• PyCharm от JetBrains — выглядит адекватно, но от него завыли кулеры и памяти поуменьшилось изрядно, при этом проект внутри ещё не создан. Нет.
• Atom от GitHub, которое сегодня тоже от Microsoft. Построен на электроне, а это нет!
• VS Code (он же Visual Studio Code) от Microsoft. Нет.
• Sublime Text от кого-то из гугла (Джон Скиннер). Слово sublime переводится как «возвышенный, величественный, высокий, грандиозный».

Тут и остановимся.

В основе своей Sublime Text разочаровывающе примитивный и требуется время на его освоение и настройку, но это и хорошо. Можно подключать к простой основе только те расширения, которые понадобятся в работе, а это unix way. У него много документации (unix way!)? Он в принципе хочет каких-то денег (not a unix way!), но не настойчиво да и не особо много, поэтому всё норм.

1
Установка Sublime Text в Debian

Следуем общей инструкции:

Install the GPG key:

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

Ensure apt is set up to work with https sources:

sudo apt-get install apt-transport-https

Select the Stable channel to use:

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

Update apt sources and install Sublime Text

sudo apt-get update && sudo apt-get install sublime-text

1.1
Основная настройка Sublime Text

Для управления пакетами надо включить Package Control (инструкция):

• Tools > Install Package Control…

1.2

Расширение возможностей Sublime Text

• Tools > Command Palette… (Ctrl+Shift+P)
• Начать набор команды «install» > появятся подсказки > Выбрать «Package Control: Install package»
• начать набор названия пакета, который надо установить > появятся подсказки > выбрать нужный и даблклик или Enter.

Последовательно установить

1. AdvancedNewFile
2. Anaconda — autocomplete
3. All Autocomplete
4. AutoFileName
5. Base16 Color Schemes — стили подсветки кода; мне очень зашло «base16-phd»
6. Bracket​Highlighter
7. DocBlockr
8. Emmet — шаблоны для верстальщиков
9. Git
10. GitAutoCommit
11. GitGutter
12. Markdown Extended
13. SideBarEnhancements — слева появляется сайдбар, там и отображаются файлы проекта (и вообще открытые), и появляются команды для управления файлами на ssd
14. SublimeLinter — затем плагины для линтеров по определённым правилам для определённых языков
15. Terminus — более продвинутая консолька
16. по слову Theme можно выбрать иную тему оформления, нежели дефолтную Adaptive (кагбэ рейтинг тем). Для установки темы надо знать её точное название.

Restart Sublime Text.

1.3
Тонкая настройка

каждого плагина Sublime Text по-отдельности займет некоторое время, но оно того стоит. Ковыряние в файлах настроек и прописывание инструкций приносит ощущение полного контроля и управления. Unix way же!

1.3.0
Базовые настройки

Preferences > Settings

{
	// Общий размер шрифта редактора
	"font_size": 21,
	
	"word_wrap": true,
	// Set to a value other than 0 to force wrapping at that column rather than
	// the window width. See "wrap_width_style" for extra options.
	"wrap_width": 100,

	// Настройки отступов В КАЖДОМ ФАЙЛЕ
		// Ctrl + Shift + P (to activate the command palette)
		// Type "Indentation", 
		// Choose "Indentation: Convert to Tabs"
	"detect_indentation": true,
	"tab_size": 4,
	"translate_tabs_to_spaces": false,
	
	// Тема оформления
	"theme": "Adaptive.sublime-theme",
	"ignored_packages":
	[
		"Vintage",
	],
	"color_scheme": "Packages/Base16 Color Schemes/Themes/base16-phd.tmTheme",
	"dark_theme": "Adaptive.sublime-theme",
	"light_theme": "Adaptive.sublime-theme",
}

1.3.1
Настройка темы

Пусть будет Adaptive.

Preferences > Customize Theme

Откроется два файла, один нередактируемый (общие настройки), второй редактируемый, бо сугубо пользовательский. Идея в том, что из общего можно копировать строки настроек в пользовательский файл и всё будет норм.

Иногда эти файлы открываются поодиночке.

Например, впишем это.

// Documentation at https://www.sublimetext.com/docs/themes.html
{
"variables":
	{	
	"font_size_sm": 24,	// размер шрифта вкладки
	"font_size": 20,	// размер шрифта названия файла в Side bar
	"font_size_lg": 18,	// размер шрифта группы файлов в Side bar
	},
}

1.3.2
Настройка Anaconda

В Anaconda встроен довольно строгий линтер, он считает неправильными почти все строки любого кода (и он, конечно, прав), помечая их белыми прямоугольниками. Эту функциональность лучше передать отдельному плагину, бо лучше использовать линтер под свой язык программирования и строго под выбранные юзером правила правописания, которые под тот же Python бывают очень разные. Поэтому

Preferences > Package Settings > Anaconda > Setting — User

Этот файл пуст, можно прописать там и отключение линтера анаконды, и путь к рабочей версии Python:

{
    "settings": {
        "python_interpreter": "/usr/bin/python3",
        "anaconda_linting": false
    }
}

Позже можно будет использовать возможности Anaconda для автоформатирования кода по CTRL-ALT-R (насколько это, конечно, применимо к тому же питону) в соответствии с правилами PEP8. Там тоже надо настраивать точнее, бо по-умолчанию эта шняга заменяет табы четырьмя пробелами.

Быстрое решение:

View > Indentation > Tab Width: 4 //эту настройку в будущем уже не трогаем

View > Indentation > Convert Indentations to Tabs

Или же:

В правом нижнем углу окна отображается эта же настройка ‘Tab Size: 4’.

Левомышечный клик по ней открывает то же самое меню, что из View. Остаётся кликнуть по последней команде: Convert Indentations to Tabs. Можно использовать каждый раз после CTRL-ALT-R.

Надо пореже использовать CTRL-ALT-R и воспитывать в пальцах изначально принудительное правописание и отступы, в Python этот аспект важнее, чем в других ЯП.

1.3.3
Настройка хоткея для вызова Sidebar

Вызов или через View > Sidebar, или через последовательное нажатие «Ctrl+k, Ctrl+b».

Клавиши можно переназначить, например, на Ctrl+\: Preferences > Package Settings > Side Bar > Key Bindings — User

[
  	// Toggle the Sidebar
  {"keys": ["ctrl+\\"], "command": "toggle_side_bar"},
]

1.3.4
Настройка консоли для запуска скриптов на Python

По-умолчанию дежурный запуск скриптов на Python делается во встроенной консольке через Ctrl+B. Годно, если надо просто что-то выполнить, и нет, если подразумевается интерактивность со стороны юзера.

Ctrl+Shift+P > Package Control: Install Package > Terminus

Затем сохранить в каталог с пакетами (/~/.config/sublime-text/Packages/User/) новый файл close_terminal.py — это плагин для тонкой обработки будущих окон терминала. В частности, он будет при каждом билде скрипта в разработке держать фокус на окне со скриптом и фокус только на одном окне терминала, чтобы не открывалось новое при каждом нажатии Ctrl+B.

Tools > Build System > New Build System (откроется пустой файл настроек)

{
    "target": "terminus_open",
    "auto_close": false,
    "title": "Pytnon Output",
    "cancel": "terminus_cancel_build",
    
    "pre_window_hooks": 
        [
            ["windows_focus", {"store": true}],
            ["close_terminus_view_by_title", {"title": "Pytnon Output"}],
            ["windows_focus", {"store": false}],
        ],

    "post_window_hooks": 
        [
            ["carry_file_to_pane", {"direction": "right"}],
            ["windows_focus", {"store": false}],
        ],

    "shell_cmd": "/usr/bin/python3 -u \"$file\"",
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "selector": "source.python",

    "env": {"PYTHONIOENCODING": "utf-8"},

    "variants":
    [
        {
            "name": "Syntax Check",
            "shell_cmd": "/usr/bin/python3 -m py_compile \"${file}\"",
        }
    ]
}

Путь /usr/bin/python3 общий, тут можно задать любое направление к разным версиям, буде таковая необходимость соизволит явиться.

Под виндой, соответственно, в shell_cmd надо указать путь к python.exe, и делать это надо чуть заковыристо, через двойные косые: «shell_cmd»: «D:\\.python_venvs\\general_python\\Scripts\\python.exe -u \»$file\»»,

Из плагина close_terminal.py пришли эти самые pre_window_hooks и post_window_hooks,

Ctrl+S > дать новому файлу sublime-build имя вроде ’BuildPython3.sublime-build’ и убедиться в том, что он сохраняется в /~/.config/sublime-text/Packages/User/

Tools > Build System > выбрать ’BuildPython3‘

Больше эту настройку можно не трогать. Теперь общий хоткей Ctrl+B вызовет консоль Terminus справа от окна с кодом и в ней выполнит код по заветам прописанного интерпретатора Python.

Перевод фокуса с одной панели на другую с клавиатуры через Ctrl+1 и Ctrl+2 — если на экране две панели (их можно понаоткрывать бесчетно).

тубиконтинуедт, конечно

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

Понравилось это:

Нравится Загрузка…

Похожее

sublime text 3 настройка

Рассмотрим настройку sublime text 3 для frontend разработки.

Для начала скачаем программу с официального сайта.

Далее запускаем установщик.

После запускаем программу и приступаем к настройке.

Содержание статьи

Первым делам добавляем пакеты.

Нажимаем ctrl+shift+p откроется табличка пишем слово install и выбираем пункт Install Package.

Установка emmet

Вторым делом устанавливаем emmet.

Это плагин, который позволяет ускорить разработку верстки сайта.

Зажимаем ctrl+shift+p заходим в install packege и прописываем emmet, плагин появится ниже устанавливаем.

Продолжаем настройку sublime text 3.

Создаем на рабочем столе файл index.html и открываем его с помощью sublime text.

Пишем восклицательный знак, нажимаем клавишу tab.

Мы увидим, что отработает плагин emmet и появится структура нового документа.

Увеличим шрифт, путем зажатия shift+колесеко мышки.

Создадим div. Пишем .div и tab.

Внутри дива пишем ul>li*5, нажимаем клавишу tab получается структура.

Если у нас собьются в строках li или div, то чтобы их выравнять нажмем горячую клавишу функции reindent.

Клавишу зададим в пункте меню preferebces — key bind

{ «keys»: [«ctrl+shift+f»], «command»: «reindent» },

Пробуем выравнять.

Следующий пакет это AutoFileName.

Этот пакет в sublime text позволит быстро прописать путь до файлов.

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

Установим sass.

Без плагина sass не будет работать emmet в файлах sass.

Основная работа будет с препроцессором sass.

Установим внешнее оформление для sublime text.

1. Установим OneDarkMaterial-Theme это тема.
2. Установим цветовую схему OneDarkColor-Schema.

Настройка sublime text

Для рабочего места используем заранее созданную конфигурацию.

Открываем Preferences – Settings.

Откроется окно настроек программы.

Копируем код внизу и вставляем в правую часть экрана, сохраняем.

{
«auto_complete»: true,
«bold_folder_labels»: true,
«color_scheme»: «Packages/One Dark Material — Theme/schemes/OneDark.tmTheme»,
«fold_buttons»: false,
«font_size»: 12,
«highlight_line»: true,
«indent_guide_options»:
[
«draw_normal»,
«draw_active»
],
«line_padding_bottom»: 2,
«line_padding_top»: 2,
«margin»: 2,
«material_theme_compact_panel»: true,
«material_theme_compact_sidebar»: true,
«material_theme_small_statusbar»: true,
«material_theme_small_tab»: true,
«show_definitions»: false,
«tab_size»: 2,
«theme»: «OneDarkMaterial.sublime-theme»,
«word_wrap»: «false»
}

• auto_complete: true, лучше использовать поначалу включенным, это свойство помогает дополнять код в процессе верстки.
• bold_folder_labels: true эта настройка делаем папки побольше когда они помещены сбоку программы.
• fold_buttons: false отключаем кнопки раскрытия и закрытия кода.
• Чтобы подсветить всю строку используем highlight_line: true.
• За расстояния между строками отвечает свойство line_padding_bottom: 2.
• tab_size: 2 размер табов в коде.
• Чтобы строки, которые уходят за границы не переносились на новые выставим word_wrap: false.

Отключаем миникрату сбоку view – hideminimap.

Чтобы убрать или вытащить верхнее меню в sublime text нажимаем клавишу Alt.

Sublime Text 3 для верстки сайтов. Настройка внешнего вида и установка плагинов. Руководство для начинающих

Сегодня расскажу о редакторе кода, которым пользуюсь для верстки сайтов уже много лет. Быстрый, удобный и полностью настраиваемый Sublime Text 3.

Мы с нуля настроем его внешний вид, а также применим плагины AutoFileName, BracketHighliter, ColorHighliter, Emmet, GotoCSSDeclaration и Tag, которые существенно помогут нам при верстке сайтов! Ну что ж, от слов к делу!

Внешний вид программы

Первым делом, после установки Sublime Text 3, я настраиваю внешний вид программы.

Боковая панель.

Для отображения панели переходим View – Side Bar – Show Open Files. В этой панели будут отображаться наши проекты, то есть папки и файлы нашей верстки. Для наглядности сейчас добавлю один из них. Все что там нужно сделать — это просто перетащить папку с проектом на нашу панель.

Цветовая схема

Далее настраиваю цветовую схему программы и кода, для наглядности открою любой файл, например, с HTML кодом. Для этого два раза кликаю на нужном файле. Теперь перехожу Preferences – Color Scheme, открывается окошко с установленными цветовыми решениями и при выборе той или иной темы внешний вид нашего кода и сама программа будут меняться.

Лично мне не подходит ни один из предустановленных вариантов, поэтому я устанавливаю дополнительную цветовую схему. Огромное их количество можно найти и ознакомиться на сайте с дополнениями к Sublime packagecontrol.io. Я уже знаю какую именно я схему хочу установить, что сейчас и сделаю.

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

Перехожу в меню Tools – Command Palette, либо нажимаю Ctrl+Shift+P. Открывается вот такое окно с поиском, в поле поиска ввожу install пока не увижу пункт Install Package Control, и нажимаю на него. Спустя несколько секунд получаю сообщение о том, что Package Control успешно установлен. Теперь я могу приступить к установке нужной цветовой схемы.

Для этого опять вызываю Command Palette зажимая Ctrl+Shift+P, в поле поиска опять ввожу install пока не увижу пункт Package Control: Install Package (установить пакет дополнения) нажимаю на него. Немного подождав вижу окно со списком всех доступных дополнений к Sublime. Ну, почти всех.

В поле поиска ввожу название того дополнения, которое хочу установить, в данный момент — это цветовая схема под названием Base16 Color Schemes, точнее это целый пакет с множеством цветовых схем. Нажимаю на найденный пункт и ожидаю установки. Индикатор процесса устоновки можено увидеть на нижней панеле программы. Получив там же короткое сообщение о том, что все установлено перехожу к смене схемы. Для этого открываю уже знакомый пункт меню Preferences – Color Scheme и вижу в открывшемся окне уже большое множество разных вариантов. Меня интересует схема Ocean, ввожу название в поиске, их тут есть две: одна более контрестней другой.

Моя любимая цветовая схема установлена, ты конечно же можешь выбрать себе любую другую.

Общий вид программы мне больше нравится темный, поэтому перехожу Preferences – Theme, и переключаюсь на Adaptive.sublime-theme

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

Дополнительные настройки

Дополнительно повысить восприятие кода и комфорт при работе с ним мне помогут следующие дополнительные настройки. Переходим Preferences – Settings. Открывается такое окно разделенное на две части. В левой части настройки по умолчанию, их изменить нельзя, а вот в правой части ты можешь эти настройки переназначить, каждая следующая должна идти через запятую. Вот какие настройки использую я:

"margin": 0, // Убирает отступы
"font_size": 10, // Размер шрифта по умолчанию
"draw_indent_guides": true, // Включает/выключает направляющие линии
"draw_white_space": "all", // Отображает непечатаемые символы
"tab_size": 3, //Размер табуляции
"remeber_open_files": true, // Помнит открытые ранее файлы

Поясню каждую настройку.

"margin": 0, // Убирает отступы

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

"font_size": 10, // Размер шрифта по умолчанию

Выставляет размер шрифта по умолчанию.Также быстро изменить размер шрифта, работая с кодом, можно зажав контрол и покрутив колесо мыши.
Если ты вдруг размер изменил случайно, то сбросить его можно перейдя в Preferences – Font — Reset

"draw_indent_guides": true, // Включает/выключает направляющие линии

Эти линии очень полезны для новичка, потому что визуально соединяют открывающий и закрывающий элемент, что существенно помогает в ориентации в коде.
Лично я отключаю их (false) по двум причинам. Первая — я уже не новичок и без них неплохо справляюсь, вторая причина — это следующая настройка.

"draw_white_space": "all", //Отображает непечатаемые символы

Отображает невидимые табуляции и пробелы. То есть это не часть кода, а просто разметка для удобства работы. И вот, если включить и draw_indent_guides и draw_white_space то получатеся кашица которая лично меня напрягает. Что из этого использовать, а что нет — решать тебе.

"tab_size": 3, //Размер табуляции

Размер ширины линии отступа при нажатии Tab. Лично мне нравится 3й размер 🙂

"remember_open_files": true, //Помнит открытые файлы

Например мы работали работали, а потом неожиданно закрыли программу 🙂 Бывает такое? У меня постоянно, так вот эта настрока включает «память» у Sublime и при следующем открытии программы откроются и все последние файлы. И да, память работает и после перезагрузки компа.

Разделение рабочего окна

Еще более улучшить восприятие кода и ускорить процесс верстки нам поможет разделение рабочего окна.
Поскольку практически всегда приходится работать с несколькими разными файлами, например index.html style.css и какой-то js файл, то дополнительным удобством будет разделение окна с кодом на секторы. Варинтов несколько. Переходим в View – Layout и смотрим что тут у нас есть.

Соответственно Single – это вид без разделений как сейчас, Columns: 2, 3, 4 это разбивка по вертикали. Например нажав на Columns: 2 наш экран с кодом разделится пополам, и мы можем часть файлов переместить в пустую колонку, например CSS слева HTML и JS справа, что делает работу более наглядной и быстрой.

Так же у нас есть варианты поделить экран по горизонтали это Rows: 2 и Rows: 3, нажав например на Rows: 3 получим три горизонтальных окна и можно перекинуть JS файл в третье окно. И последний вариант это Grid: 4 который делит экран пополам как по горизонтали, так и по вертикали. В результате получаются четыре окна. Обрати внимание, что переключаться между режимами можно и с помощью горячих клавиш Alt+Shift+ соответствующая цифра.

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

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

Конечной настройкой внешнего вида будет настройка подсветки синтаксиса. Слово страшное, однако на деле все просто.

Подсветки синтаксиса – это особое окрашивание цветом того или иного елемента в коде. Например, в этой цветовой схеме в HTML файле краcным выделен тег, зеленым — название класса, белым — текст и так далее. Это делает восприятие кода намного понятнее. Обрати внимание на правый нижний угол окна программы, в зависимости от того как кой файл у нас сейчас активен, CSS HTML JS и так далее происходит переключение отображения кода этого конкретного файла.

Зачем же тут что-то делать если все и так отлично работает? Дело в том что в начальном пакете Sublime установлены пакеты подсветки синтаксиса далеко не для всех форматов.

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

Так вот, в таких случаях я дополнительно устанавливаю нужный пакет.
Открываем наш привычный Commаnd Palette перейдя Tools – Command Palette, либо нажимаем Ctrl+Shift+P набираем install, жмем Install Package Control и ищем дополнение SCSS. Нажимаем на него, после установки мы можем переключить наше отображение на SCSS. Сейчас все выглядит симпатичнее, не так ли?

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

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

Плагины

AutoFileName

Дело в том, что в процессе верстки часто приходится подключать различные картинки. Этот плагин в разы облегчает процесс подключения. Установим его. Нажимаем Ctrl+Shift+P далее Install Package Control ищем AutoFileName устанавливаем. Попробуем подключить картинку сейчас. Сразу замечаем появление выпадающего меню со списком локальных файлов. Переходим в нужную папку с картинками и видим тут нужный нам файл, а также его размеры, что тоже пригодится.

BracketHighliter

BracketHighliter можно перевести как подсветка кавычек. Установим его. Нажимаем Ctrl+Shift+P, Install Package Control ищем BracketHighliter. Устанавливем. Тут даже открывается отдельный файл с сообщением об успешной установке. Теперь в нашем коде будет подсвечиваться начальный и конечный элемент, например открывающий и закрывающий тег, начальная и конечная ковычка, открывающая и закрывающая скобка. Это очень помогает с ориентацией в коде.

ColorHighliter

Обрати внимание на этот код — это код цвета, но какого именно непонятно.

Давай установим плагин. Ctrl+Shift+P, Install Package Control ищем ColorHighliter. Опять открывается отдельный файл с сообщением об успешной установке. И сообщения о некой ошибке, игнорируем их. Смотрим на наш код с цветом, и теперь видим что за цвет скрывается за буквенноцифровым кодом. Сам плагин можно дополнительно настроить в меню Tools — ColorHighliter но сейчас не будем останавливаться на этом. Все и так стало намного лучше.

Великий и могучий Emmet

Устанавливаем по наработанной схеме. Ctrl+Shift+P, Install Package Control ищем Emmet. Открывается отдельный файл с сообщением с просьбой перезагрузить программу для окончания установки. Закрываем и открываем Sublime. Получаем сообщение, что все установлено.

Итак, что же умеет Emmet?

Перейдем в HTML файл и попробуем записать тег div с классом .block, для этого нам теперь достаточно поставить точку, написать «block» и нажать клавишу Tab. Мы получим:

<div></div>

Чтобы сделать более сложную запись, например в тег div с классом .block вставить тег span используем следующую запись:

.block>span

Жмем клавишу Tab и получаем:

<div><span></span></div>

Крутяк, правда!?
Но и это еще не все, мы можем создавать свои снипеты, то есть шаблоны/заготовки.
Для этого перейдем Preferences – Package Settings – Emmet – Settings User. Здесь запишем следуещее:

{
        "snippets":{
                "html":{
                        "snippets":{
                                "bl":"<div class=\"block\"></div>"
                        }
                }
        }
}

Теперь для того чтобы вызвать запись:

<div></div>

нам достаточно написать bl и нажать клавишу Tab

Из этого следует, что возможности Emmet безграничны, и мы можем настроить свои снипеты как угодно и работать очень быстро. Подробную информацию о возможностях плагина можно найти на сайте https://emmet.io

GotoCSSDeclaration

Плагин поможет нам с навигацией в коде. Устанавливаем ровно так же как и предыдущие плагины. Далее назначим горячие клавиши для работы с плагином для этого переходим Preferences – Key Bindings, и пишем следующий код

{
"keys": ["ctrl+1"], "command": "goto_css_declaration",
"args": {"goto": "next"}
},

Где [«ctrl+1«] это и есть нужное сочетание клавиш. Сохраняем Cntr+S.
И вот как это работает. У нас должен быть открыт CSS и HTML файлы. CSS как правило очень большой и найти что-то быстро сложно, но это в прошлом. Например, нам нужно изменить CSS для класса content-mainpage кликаем на него мышкой и нажимаем ctrl+1. Вуаля, мы в нужном месте CSS файла.

Tag

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

Зовут его Tag и установить нам придется его вручную. По этой ссылке можно скачать архив с плагином. Далее распаковываем в особую папку программы. Для Windows 10 это C:\Users\[Подставь свое имя пользователя]\AppData\Roaming\Sublime Text 3\Packages. Далее закрываем Sublime и открываем снова и добавляем горячие клавиши открыв Preferences – Key Bindings и дописав следующее:

{ "keys": ["ctrl+`"], "command": "tag_classes" }

Где ctrl+` это и есть наше сочетание клавиш.

Итак, для чего же мы проделали весь этот нелегкий путь? Как правило, в процессе написания, кода мы работаем сначала с HTML потом переносим названия классов в CSS и работаем уже там. Так вот этот перенос делать вручную давольно долго. И тут нам на помощь приходит плагин Tag. Сейчас нам достаточно выделить нужный HTML код, нажать наше сочетание клавиш ctrl+`

и потом вставить результат копирования в наш CSS ctrl+v.

По мотивам выпуска «Sublime Text 3. Настройка, установка, плагины», из серии «Программы и инструменты для верстки сайтов», на YouTube канале «Фрилансер по жизни».

Видео версия статьи:

Let’s block ads! (Why?)

source https://habr.com/ru/post/458206/?utm_campaign=458206&utm_source=habrahabr&utm_medium=rss

Настройка плагина AutoFileName в Sublime для файлов Markdown

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

Итак, я поискал плагин Sublime для управления пакетами и нашел AutoFileName. Конечно, похоже, это сработает.

Во-первых, хотя он не срабатывает для текста изображения Markdown, и он срабатывает, если я вставляю тег img, проблема заключается в том, что он относится к текущему файлу, что немного раздражает, поскольку структура Jeykll ‘dev’ отличается от соблюдаемой версия.

Так что это оказалось не так уж и плохо, главная проблема здесь в том, что я такой Sublime newb.
Мне нужно было добавить настройку для AutoFileName, я сначала начал добавлять их в User settings Preferences.sublime-settings, как я и сделал с плагином Jekyll. Это был неправильный путь, мне нужно было добавить файл autofilename.sublime-settings в мою папку возвышенных пользовательских настроек.

Настройка для файлов Markdown

Чтобы он мог запускаться для файлов Markdown, я изменил действующие области действия afn на

  «afn_valid_scopes»: [«строка», «css», «sass», «меньше», «scss», «уценка»],  

Установка «основного» каталога

Базовый каталог оказался немного сложнее.

  // По умолчанию AutoFileName использует корень диска для абсолютных путей.
// Изменение этого параметра позволяет использовать абсолютные пути на уровне проекта
// Это полезно для веб-дизайнеров и разработчиков, которые хотят использовать
// корень своего сайта.
"afn_use_project_root": правда,

// Заменить корень проекта. Будет только работать
// если "auto_file_name_use_project_root" истинно.
"afn_proj_root": "",  

Но по какой-то причине он будет выдавать только каталог верхнего уровня, а не подкаталоги.Кажется, это ошибка, чтобы обойти это, установите корень проекта в фактический каталог проекта

  // По умолчанию AutoFileName использует корень диска для абсолютных путей.
// Изменение этого параметра позволяет использовать абсолютные пути на уровне проекта
// Это полезно для веб-дизайнеров и разработчиков, которые хотят использовать
// корень своего сайта.
"afn_use_project_root": правда,

// Заменить корень проекта. Будет только работать
// если "auto_file_name_use_project_root" истинно.
"afn_proj_root": "/ Users / David / Dropbox / david-kerwick-blog /",  

Если у вас есть несколько сайтов, это может быть проблемой, но сейчас это работает для меня … ну, в большинстве случаев

Лучше автозаполнение

Так что большую часть времени я имел в виду, что мне приходилось нажимать ctrl + пробел после каждого каталога, что не самая большая проблема, но когда я тестировал его с тегом img, это было намного лучше, вы можете вкладывать и выбирать полностью в файл, который хорош.

Это не сработало со ссылками на уценку, это привело меня к темной и глубокой кроличьей норе, где я должен был остановиться много лет назад, но я продолжал думать, что это будет легко. И я думаю, что это было бы, если бы я говорил на Sublime Text и python.

Сначала я думал, что это будет простое изменение конфигурации, поскольку плагин

ниже упоминает

  "auto_complete_triggers":
    [
      {
         "символы": "<",
         "селектор": "text.html"
      },
      {
         "символы": "/",
         "селектор": "строка.quoted.double.html, string.quoted.single.html, source.css "
      }
    ]  

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

Я просматриваю привязки клавиш, устанавливая вышеупомянутое для срабатывания для text.html.markdown (этот вид работает для первой записи)

В конце концов я решил, что волшебство творится в событии selection modified, вот фрагмент из autofilename.py

  def on_selection_modified (себя, просмотр):
    если не view.window ():
        возвращение
    sel = view.sel () [0]
    если sel.empty () и self.at_path_end (просмотр):
        если view.substr (sel.a-1) == '/' или len (view.extract_scope (sel.a)) <3:
            view.run_command ('auto_complete',
            {'disable_auto_insert': верно,
            'next_completion_if_showing': False})  

Конец пути , я думаю, вызывал проблему, думаю, он ищет файлы css и тому подобное.

Итак, мой собственный «плагин» казался решением, плагин кажется излишне убиваемым, поскольку это метод, но я уверен, что именно так работает система.
Оказывается, создать плагин очень просто.
Инструменты -> Новый плагин
Я даю вам шаблон, чтобы вы начали.

В любом случае вот что, похоже, сработало для меня, вы сохраняете его в своей папке Package / User как whateveryouwant.py

  импорт sublime, sublime_plugin, sys

класс CompleteMarkdownLink (sublime_plugin.EventListener):
    def on_selection_modified (себя, просмотр):
        sel = view.sel () [0]
        если не view.match_selector (sel.a, "meta.image.inline.markdown"):
            возвращение
        если не view.window ():
            возвращение
        если sel.empty ():
            если view.substr (sel.a-1) == '/' или len (view.extract_scope (sel.a)) <3:
                view.run_command ('auto_complete',
                {'disable_auto_insert': верно,
                'next_completion_if_showing': False})  

Таким образом, он срабатывает, только если курсор находится в изображении уценки meta.image.inline.markdown и символ /.

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

Sublime Text 3 плагин трансформации autofilename полностью удаляет ширину и высоту позади тега IMG в теге IMG! !

 1 импортное возвышенное
  2 импорт sublime_plugin
  3 импортных ОС
  4 с.getimageinfo импорт getImageInfo
  5
  6 класс AfnShowFilenames (sublime_plugin.TextCommand):
  7 def run (self, edit):
  8 FileNameComplete.is_active = Истина
  9 self.view.run_command ('auto_complete',
 10 {'disable_auto_insert': верно,
 11 'next_completion_if_showing': False})
 12
 13 класс AfnSettingsPanel (sublime_plugin.WindowCommand):
 14 def run (self):
 15 use_pr = '✗ Прекратить использование корня проекта', если self.get_setting ('afn_use_project_root') else '✓ Использовать корень проекта'
 16 use_dim = '✗ Отключить вставку размеров изображения HTML' if self.get_setting ('afn_insert_dimensions') else '✓ Автоматическая вставка размеров изображения в HTML'
 17 p_root = self.get_setting ('afn_proj_root')
 18
 19 меню = [
 20 [use_pr, p_root],
 21 [use_dim, '']
 22]
 23 селфи. Окно.show_quick_panel (меню, self.on_done)
 24
 25 def on_done (self, value):
 26 настроек = sublime.load_settings ('autofilename.sublime-settings')
 27, если значение == 0:
 28 use_pr = settings.get ('afn_use_project_root')
 29 settings.set ('afn_use_project_root', а не use_pr)
 30, если значение == 1:
 31 use_dim = settings.get ('afn_use_project_root')
 32 settings.set ('afn_use_project_root', а не use_dim)
 33
 34 def get_setting (self, string, view = None):
 35, если смотреть и просматривать.settings (). get (строка):
 36 возврат view.settings (). Get (строка)
 Еще 37:
 38 return sublime.load_settings ('autofilename.sublime-settings'). Get (строка)
 39
 40 # Используется для удаления / или \ при автозаполнении диска Windows (например, / C: / path)
 41 класс AfnDeletePrefixedSlash (sublime_plugin.TextCommand):
 42 def run (самостоятельно, редактировать):
 43 sel = self.view.sel () [0] .a
 44 reg = возвышенное.Регион (sel-4, sel-3)
 45 сам.view.erase (редактировать, рег)
 46
 47 # вставляет размеры ширины и высоты в теги img. Только HTML
 48 класс InsertDimensionsCommand (sublime_plugin.TextCommand):
 49 this_dir = ''
 50
 51 def insert_dimension (self, edit, dim, name, tag_scope):
 52 view = self.view
 53 sel = view.sel () [0] .a
 54
 55, если имя в view.substr (tag_scope):
 56 reg = view.find ('(? <=' + Name + '\ =) \ s * \ "\ d {1,5}', tag_scope.a)
 57 вид.replace (редактировать, reg, '"' + str (dim))
 Еще 58:
 59 размер = str (тусклый)
 60 view.insert (edit, sel + 1, '' + name + '= "' + измерение + '"')
 61
 62 def get_setting (self, string, view = None):
 63, если view и view.settings (). Get (string):
 64 вернуть view.settings (). Get (строка)
 Еще 65:
 66 return sublime.load_settings ('autofilename.sublime-settings'). Get (строка)
 67
 68
 69 def insert_dimensions (self, edit, scope, w, h):
 70 вид = я.Посмотреть
 71
 72, если self.get_setting ('afn_insert_width_first', view):
 73 self.insert_dimension (редактировать, h, 'высота', область действия)
 74 self.insert_dimension (изменить, ширина, ширина, область действия)
 Еще 75:
 76 self.insert_dimension (редактировать, ширина, ширина, область действия)
 77 self.insert_dimension (редактировать, h, 'высота', область действия)
 78
 79
 80 # определяет, есть ли тег шаблона в данном регионе. поддерживает HTML и языки шаблонов.81 def img_tag_in_region (я, регион):
 82 вид = self.view
 83
 84 # обрабатывать языки шаблонов, но такие языки шаблонов, как slim, также могут содержать HTML, поэтому
 85 # мы тоже проверяем это
 86 вернуть view.substr (region) .strip (). Playswith ('img') | ('
 Как быстро вставить путь к файлу в Sublime Text 
 Sublime Text - очень минималистичный редактор кода. Он поставляется без особого графического интерфейса; даже настройки выполняются в текстовом режиме.Этот минимализм помогает нам больше сосредоточиться на написании кода, а не отвлекаться на одежду редактора кода. Но здесь также возникает один вопрос:  Как нам вставить путь к файлу? 
 Другие редакторы кода, например Coda, позволяют вставлять путь к файлу для изображений или таблиц стилей простым перетаскиванием - просто перетащите файл в рабочую область.
 Sublime Text, с другой стороны, не имеет такой функции. Возможно, вам придется ввести путь - что совсем не весело.Вот альтернатива, которая упростит и упростит вставку путей к файлам.
  Рекомендуемая литература:  18 основных плагинов, чтобы получить больше от SublimeText
 Мое первое решение 
 Моим первым решением было использование плагина SidebarEnhancement. Этот плагин добавляет некоторые дополнительные элементы в контекстное меню боковой панели, включая  Copy Path.  Option, щелкните правой кнопкой мыши один из файлов в вашем проекте, щелкните правой кнопкой мыши и выберите параметр Копировать путь.
 Вот и путь к выбранному файлу. И это лучше, чем указывать путь к файлу руками. Не достаточно хорошо? Есть еще один лучший плагин для этой работы.
 Лучшее решение 
 Этот второй плагин называется  AutoFileName . Возможно, вы знакомы с функцией автозаполнения кода в Sublime Text - этот плагин предоставляет аналогичную функцию автозаполнения для имени файла. Вы можете установить этот плагин через Package Control.
 Предполагается, что в вашем проекте есть файл HTML и две папки; один для хранения таблиц стилей, а другой - для изображений, в теге   HTML-файла вы можете захотеть связать таблицу стилей. Установив этот плагин, вы можете просто поместить курсор в  href , и он покажет список файлов и папок, находящихся на том же уровне каталогов.
 Затем, выбрав  css , вы увидите список файлов и папок в нем.
 Выглядит более эффективно и рационально, не так ли? Вам не нужно многократно «копировать и вставлять» каждый раз, когда вам нужно вставить путь к файлу.Этот плагин делает догадки за нас.
 Вставка пути изображения 
 Это, я думаю, самая полезная функция AutoFileName. Когда вы вставляете изображение, оно определяет размер, ширину и высоту изображения. Затем он также автоматически заполнит атрибут изображения  шириной  и  высотой  с указанным размером. Идеально!
 Последняя мысль 
 Это два плагина, которые регулярно сопровождают мою повседневную работу.Но теперь я использую SidebarEnhancement в основном для управления проектами, прикрепленными к боковой панели Sublime Text. Для вставки пути к файлу я использую AutoFileName, который отлично справляется со своей задачей. Наконец, я надеюсь, что эта подсказка окажется для вас полезной и поможет повысить вашу продуктивность.
 evandrocoan / AutoFileName | Porter.io 
 Автозаполнение имен файлов в Sublime Text 
 Вы когда-нибудь просматривали папки на боковой панели, пытаясь вспомнить, как вы назвали этот файл? Не можете вспомнить, был ли это jpg или png? Может быть, вы просто хотите быстрее вводить имена файлов. Не более. 
 Создаете ли вы тег  img  в html, устанавливаете ли вы фоновое изображение в css или связываете файл  .js  со своим html (или что-то еще, что люди используют пути к именам в наши дни ...), вы можете теперь автозаполнение имени файла. Кроме того, он использует встроенное автозаполнение, поэтому не нужно изучать еще один надоедливый ярлык.
 Характеристики 
 Показать имена файлов и папки
 Показывать размеры рядом с файлами изображений
 Автоматическая вставка размеров в теги img (можно отключить в настройках)
 Поддержка как '/', так и '\' для всех вас, хулиганов Windows
 Установка 
 Посылка-контроль 
 Загрузите и установите   Sublime Text 3   (https: // www.sublimetext.com/3)
 Перейдите в меню   Инструменты -> Установить управление пакетами  , затем,
 подождите несколько секунд до завершения установки
 Сейчас,
 Зайдите в меню   Preferences -> Package Control  
 Введите   Добавьте канал   на открывшейся быстрой панели и нажмите  Введите 
 Тогда,
 введите следующий адрес и нажмите  Введите 
  https: //raw.githubusercontent.com / evandrocoan / StudioChannel / master / channel.json 
 Зайдите в меню   Инструменты -> Палитра команд ...
 (Ctrl + Shift + P)  
 Тип   Предпочтения:
 Настройки управления пакетами - пользователь   на открывшейся быстрой панели и нажмите  Введите 
 Тогда,
 найдите следующий параметр в файле   Package Control.sublime-settings  :
  js
 "каналы":
 [
 "https: // packagecontrol.io / channel_v3.json ",
 "https://raw.githubusercontent.com/evandrocoan/StudioChannel/master/channel.json",
 ], 
 А,
 измените его на следующий, т.е.
 поместите строку   https: //raw.githubusercontent ...   первой:
  js
 "каналы":
 [
 "https://raw.githubusercontent.com/evandrocoan/StudioChannel/master/channel.json",
 "https://packagecontrol.io/channel_v3.json",
 ], 
   https: // raw.githubusercontent ...   необходимо добавить перед строкой   https: //packagecontrol.io ...  , иначе
 вы не будете устанавливать эту разветвленную версию пакета,
 но оригинал доступен на канале управления пакетами по умолчанию   https: //packagecontrol.io ...  
 Сейчас,
 заходим в меню   Preferences -> Package Control  
 Введите   Установите пакет   на открывшейся быстрой панели и нажмите  Введите 
 Тогда,
 найдите   AutoFileName   и нажмите  Введите 
 См. Также:
 ITE - Среда интегрированного набора инструментов
 Документация по управлению пакетами для получения подробной информации.
 Использование 
  Ничего! 
 Например:
 Если вы хотите автоматически заполнить путь к изображению в теге HTML   :
  
  
 Нажатие  ctrl  +  пробел  активирует AutoFileName. Я список доступных файлов, где будьте готовы выбрать.
  Ищете еще более автоматическое и незаметное завершение?  Добавьте в файл пользовательских настроек следующее:
  "auto_complete_triggers":
[
  {
     "символы": "<",
     «селектор»: «текст.html "
  },
  {
     "символы": "/",
     "селектор": "string.quoted.double.html, string.quoted.single.html, source.css"
  }
]
  
 При этом не нужно беспокоиться о нажатии  ctrl  +  пробел , автозаполнение с появлением при нажатии /.
 Sublime Text 
 Я перешел на VS Code. Но это все же достойный список, правда, несколько устаревший.
 Sublime Text - фантастический редактор. Несколько советов и уловок:
 Плагины
 Темы
 Иконки
 Фрагменты
 Доработки
 Настройки
 Kortkommandon
 Инструменты
 Рабочий процесс
 Набор инструментов
 Gub
 CLI
 удобные инструменты для использования Sublime Text 2+ с Github
 Unsplash 
 Unsplash for Sublime Text переносит красивые изображения из Unsplash в Sublime Text, ваш любимый редактор кода
 SelectUntil 
 Великолепный пакет, который позволяет расширить текущий выбор до определенного встречается символ, регулярное выражение или счетчик символов.
 Подсветка синтаксиса для Sass 
 Идеальная подсветка синтаксиса как для SCSS, так и для Sass.
 Modific 
 Выделить строки изменились с момента последней фиксации (поддерживает Git, SVN, Bazaar, Mercurial и TFS) / плагин ST2 (3)
 Reindent при сохранении 
 Reindent при сохранении
 Expand Region 
 Like Expand Selection to Сфера. Но лучше!
 Sound 
 Подключаемый модуль Sublime-Text для воспроизведения звуков событий
 ToggleQuotes 
 ST2 Подключаемый модуль для переключения кавычек
 WP Seek 
 Пакет, созданный с единственной целью - сократить время, затрачиваемое на копание в ядре WordPress до ищите мелочи, над которыми мы работаем каждый день.**
 Складные комментарии
 Sublime Data Converter 
 Пакет для Sublime Text 2 для преобразования данных CSV в другие форматы
 Origami 
 Разделите окно, как вам нравится! Создавайте новые панели, удаляйте панели, перемещайте и клонируйте представления с панели на панель.
 Gutter Color 
 Gutter Color - это плагин Sublime Text, который отображает цветной значок для всех строк, содержащих цвет
 Hayaku 
 Sublime CSS3 
 Улучшенная подсветка синтаксиса CSS3 для Sublime Text
 AllAutocomplete 
 Autocomplete in все открытые файлы
 Advanced New File 
 Быстрый способ создания новых файлов и папок
 AlignTab 
 Плагин выравнивания с использованием регулярного выражения
 Alignment 
 Indentering deluxe
 Добавить дополнительные действия на боковую панель, например дублировать
 Package Control 
 Первый устанавливаемый плагин.Существенный.
 Emmet (Zen Coding) 
 Zen Coding ftw
 Gist 
 Интеграция Github Gist
 Терминал 
 Открыть текущую папку terminalen
 Sublime Linter 
 Хороший линтер кода
 WordPress 
 Автозаполнение для WordPress API
 SublimeCodeIntel 
 Полнофункциональный анализ кода и интеллектуальный механизм автозаполнения
 Удаление пустых строк 
 Как звучит
 Подсветка синтаксиса для Sass 
 Sas / Scss для Sublime 
 Автозаполнение Sass / выделение
 SublimeFileDiffs 
 Diff files
 DocBlockr 
 Упрощает написание комментариев DocBlock в Javascript, PHP, CoffeeScript, ActionScript, C и C ++
 Sublime-Placehold.it 
 Placehold.it в Sublime text
 TrailingSpaces 
 Удалить конечные пробелы
 GitGutter 
 Показать статус git в желобе
 AutoFileName 
 Автозаполнение имен файлов в вашем проекте.
 Search WordPress Codex {#uppdaterat} 
 Search WordPress Codex
 Sublime Text 2 Stack Overflow Plugin 
 Search Stack Overflow
 MacTerminal 
 Альтернатива терминалу.
 Фрагменты 
 HTML5 Boilerplate 
 Фрагмент Sublime Text 2/3 для создания шаблона HTML5 Boilerplate
 HTML-фрагменты 
 Некоторые html-фрагменты
 Laravel Snippets 
 Snippets2000 Laravel
 Jippas 
 Sublime-2-Handy-Snippets 
 Handy snippets
 WordPress snippets 
 Meta box, custom logo login, custom admin and some other things
 Themes 
 Material Theme ⤴
 Afterglow
 Скобки ⤴
 Inspirerad av редактор Adobes, Скобки
 Spacegrey ⤴
 Гиперминимальная тема пользовательского интерфейса для Sublime Text
 Watson ⤴
 Пользовательская тема пользовательского интерфейса для Sublime Text 3
 9000 темы, а также стили для вкладок и боковой панели
 Solarized ⤴
 Точные цвета для машин и людей
 Soda ⤴
 UI-тема с поддержкой Retina
 TMThemeEditor ⤴
 Создавайте темы в браузере (Chrome).
 Colorsublime ⤴
 Большая коллекция
 Tomorrow Themes ⤴
 Color Schemes ⤴
 Great collection
 Flatland
47 Плоские иконки для темы Sub2 Текст:
 Значок док-станции Afterglow
  Sublime Text Yosemite icon av Andreas Eldh 
  Sublime Text Replacement Icon av Jannik Sieberg 
 Sublime Text.значок приложения av Russ
 Sublime Text Icon, для Yosemite av Rafael Conde
  Sublime Text av David Öhlin 
 Sublime Text 2 icon av Bryce Thompson
 Неофициальный Sublime Text 2 Замена значка Окончательный av Adam Kiss
 Sublime Text
 Sublime Text
 Sublime Text
 Sublime Text Значок от Тони Гинеса
 Sublime-Text-Icon-Redux от Ронана Флинна
 Sublime Text 2 от Дмитрия Светличного
 Sublime Text 2 Замена значка от Эллиота Джексона
 Значок Sublime Text 2 от Дэниела Матараццо
 Завершений CSS 
7 Завершения
 Sublime-Better-Completion 
 HTML5-sublime-Completions 
 Более полная библиотека автозаполнения CSS для Sublime Text.
 Настройки 
 Настройки -> Настройки -> Пользователь
 Папка исключения шаблонов в проекте
  "folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS",
"_строить",
"расстояние",
"строить",
"сайт",
".sass-cache",
".phptidy-cache",
"node_modules"
],
  
 Обрезать пробел при сохранении
  "trim_automatic_white_space": true,
"trim_trailing_white_space_on_save": правда,
  
 Прокрутка до конца. Полезно при редактировании кода далеко вниз в длинном документе
 Markera aktuell rad
 Копировать выделенный текст в панель поиска / замены
  "find_selected_text": true
  
 Показать помощники по отступам
  "draw_indent_guides": true
  
 Настройки скобок
  "match_brackets": true,
"match_brackets_angle": истина,
"match_brackets_braces": правда,
"match_brackets_content": правда,
"match_brackets_square": истина,
  
 Стиль каретки.Выбирайте между «плавным», «фазовым», «мигающим», «широким» или «твердым».
 Заполнение строк
  "line_padding_bottom": 1,
"line_padding_top": 1
  
 Настройки типографики
  "font_face": "Source Code Pro",
"font_size": 14,
"font_options":
[
"subpixel_antialias"
],
  
 Дополнительные советы по настройке 
 Ссылки 
 Официальные документы: Сочетания клавиш OSX Официальные документы: Сочетания клавиш Win Kortkommandon для OSX, Windows и Linux Полезные сочетания клавиш
 Бесплатные советы по Sublime Text 
  Доставлено прямо в ваш почтовый ящик 
 Sublimerge 
  Профессиональный инструмент сравнения и слияния для Sublime Text 2 и 3 
 Могу ли я переключиться на Sublime Text 3? 
 Sublimall 
 Синхронизация настроек Sublime
 Рабочий процесс 
 Sublime Text 
  Бесполезность этого руководства по настройке будет зависеть от ваших личных предпочтений относительно того, как должен работать ваш текстовый редактор, но оно должно помочь с начальной настройкой Sublime Текст.Давайте начнем. 
 Настройка Sublime Text 
  Советы от Alex MacCaw 
 Настройка рабочего процесса 
 Станьте опытным пользователем Sublime Text 
 Горячие подсказки канадского размера. Av @wesbos
 ST2-Setup 
 Советы по настройке от @cbracco
 CLI 
  ln -s "/ Applications / Sublime Text 3.app/Contents/SharedSupport/bin/subl" / bin / subl
  
 Открытие файлов с терминала
 Используйте Sublime в качестве редактора по умолчанию для Git 
  git config --global core.editor "open -a 'Sublime Text 2'"
   
 推荐给Web开发者的 Sublime Text 3 插件 - Sublime Text - 软件编程 
 Control + Option + F (or OPTION + 左鍵)
 Find usages
 建議改成 Control + F
 Preferences > Key Bindings - User
 [
    {"command": "anaconda_doc", "keys": ["ctrl+h"]},
    {"command": "anaconda_goto", "keys": ["ctrl+g"]},
    {"command": "anaconda_find_usages", "keys": ["ctrl+f"]},
    ...
] 
 [
    {"modifiers": ["ctrl"], "button": "button1", "command": "anaconda_goto", "press_command": "drag_select"},
    {"modifiers": ["alt"], "button": "button1", "command": "anaconda_find_usages", "press_command": "drag_select"}
] 
 in YOUR_PROJECT.возвышенный проект
 {
    "папки":
    [
        {
            "follow_symlinks": правда,
            "путь": "/ Пользователи / винта / Проекты / streetvoice"
        }
    ],
    "настройки":
    {
        "extra_paths":
        [
            "/ Пользователи / vinta / Dropbox / Developments / virtualenv_streetvoice"
        ]
    }
} 
 AngularJS 
 Ссылка
: https://github.com/angular-ui/AngularJS-sublime-package
 Завершение кода AngularJS, фрагменты, переход к определению, быстрый поиск панели
 Настройки> Настройки пакета> SublimeLinter> Настройки - Пользователь
 {
    "auto_complete_triggers":
    [
        {
            "символы": "<",
            «селектор»: «текст.html "
        },
        {
            "символы": "ng-controller = \" * ",
            "селектор": "punctuation.definition.string"
        }
    ]
} 
 Ansible 
 Ссылка
: https://github.com/clifford-github/sublime-ansible
 Подсветка синтаксиса для Ansible
 ApplySyntax 
 Ссылка
: https://github.com/facelessuser/ApplySyntax
 Применение синтаксиса по пользовательским правилам
 Настройки> Настройки пакета> ApplySyntax> Настройки - Пользователь
 {
    "reraise_exceptions": ложь,
    "new_file_syntax": ложь,
    "синтаксисы": [
        {
            "name": "Djaneiro / Syntaxes / HTML (Django)",
            "матч": "все",
            "правила": [
                {"имя файла": ".* \\. (html | htm) $ "},
                {"первая строка": "{%"}
            ]
        },
        {
            "name": "Djaneiro / Syntaxes / Python Django",
            "матч": "все",
            "правила": [
                {"имя_файла": ". * \\. py $"},
                {"содержит": "из django"}
            ]
        },
        {
            "name": "Djaneiro / Syntaxes / Python Django",
            "правила": [
                {"имя_файла": ". * (\\\\ | /) local_settings.py $"},
                {"имя_файла": ". * (\\\\ | /) настройки.py $ "}
            ]
        },
        {
            "name": "Python / Python",
            "правила": [
                {"имя_файла": ". * \\. py $"}
            ]
        }
    ]
} 
 AutoFileName (X) 
 Ссылка
: https://github.com/BoundInCode/AutoFileName
 改用 FuzzyFilePath
 AutoPEP8 
 Ссылка
: https://github.com/wistful/SublimeAutoPEP8
 Автоматически форматирует код Python в соответствии с PEP 8
 Лучшее завершение (X) 
 ссылка: https: // github.ru / Pleasurazy / Sublime-Better-Completion
 其實 是 сниппеты 而 不是 автозаполнение
 Улучшенный JavaScript (X) 
 Ссылка
: http://int3h.github.io/sublime-better-javascript/
 Улучшение навигации по символам JS
 改用 JavaScript Далее
 BigComment 
 Ссылка
: https://github.com/manse/BigComment
 Создать комментарий ascii-art для отображения текста на миникарте
 $ cd "/ Пользователи / vinta / Библиотека / Поддержка приложений / Sublime Text 3 / Пакеты"
$ git clone [адрес электронной почты защищен] 
: manse / BigComment.git
 Command + Option + C當然你要開啟 Minimap 才會有效果
 BracketHighlighter 
 link: https://github.com/facelessuser/BracketHighlighter/
 自動高亮成對的括號和引號
 Preferences > Package Settings > Bracket Highlighter > Bracket Settings - User
 // Angle
{
    "name": "angle",
    "open": "(<)(?!\\?)",
    "close": "(?)",
    "style": "angle",
    "scope_exclude": ["string", "comment", "keyword.operator", "source.ruby.rails.embedded.html "," source.ruby.embedded.html "],
    "language_filter": "белый список",
    «language_list»: [«HTML», «HTML 5», «XML», «PHP», «HTML (Django)», «HTML (Rails)», «HTML (шаблоны Jinja)», «HTML (Twig)» , "HTML + CFML", "ColdFusion", "ColdFusionCFC", "laravel-blade", "Handlebars", "AngularJS"],
    "plugin_library": "bh_modules.tags",
    "включен": истина
},
// Определяем, какой стиль сопоставления тегов использовать в каком синтаксисе
"tag_mode": {
    "xhtml": ["XML"],
    «html»: [«HTML», «HTML 5», «PHP», «HTML (Django)», «HTML (шаблоны Jinja)», «HTML (Rails)», «HTML (Twig)», «laravel- лезвие »,« Руль »,« AngularJS »],
    «cfml»: [«HTML + CFML», «ColdFusion», «ColdFusionCFC»]
} 
 BufferScroll (X) 
 ссылка: https: // github.com/SublimeText/BufferScroll
 Remember, restore and sync scroll, bookmarks, marks, folds and cursors
 Case Conversion (X) 
 link: https://github.com/jdc0589/CaseConversion
 切換變數命名風格
 Control + Option + C > Control + Option + S 全小寫下劃線分隔 (ex: read_file)
 Control + Option + C > Control + Option + P 首字母大寫 (ex: HighHeels)
 Control + Option + C > Control + Option + C 駝峰式命名，首字母小寫 (ex: doSomethingCool)
 ColorPicker (X) 
 link: https://github.com/weslly/ColorPicker
 Command + Shift + C
 Color Highlighter (X) 
 link: https://github.com/Monnoroch/ColorHighlighter
 把游標移進去之後，會自動把 #FFFFFF 之類的字串變成對應的顏色
 Color Scheme - Behave 
 link: https://github.com/fnky/behave-theme
 CSS Completions (X) 
 link: https://github.com/daneden/sublime-css-completions
 適用 .css / .scss裝了 Sass 其實就不需要這個了
 DashDoc 
 link: https://github.com / Kapeli / DashDoc
 Control + D 用 游標 所在 字詞 搜尋 Dash
 в Dash: Настройки> Общие> Ярлык для глобального поиска - Shift + Din Системные настройки: Клавиатура> Горячие клавиши> Службы> Поиск> Искать в Dash - Control + D
 Настройки> Привязки клавиш - Пользователь
 [
    {"command": "dash_doc", "keys": ["ctrl + d"]},
] 
 Джанейро 
 Ссылка
: https://github.com/squ1b3r/Djaneiro
 請 愛 用 Control + 空白 鍵
 Подсветка синтаксиса Dotfiles 
 ссылка: https: // github.com / mattbanks / dotfiles-подсветка синтаксиса-st2
 Перенести подсветку синтаксиса ShellScript (Bash) в файлы точек
 EncodingHelper (X) 
 Ссылка
: https://github.com/SublimeText/EncodingHelper
 Угадать кодировку файлов, показать в строке состояния, преобразовать в UTF-8 из множества кодировок
 Развернуть область 
 Ссылка
: https://github.com/aronwoost/sublime-expand-region
 Расширить выделение до области
 Найти ++ (X) 
 ссылка: https: // github.com/twolfson/FindPlusPlus
 Find in current folder, Find in open files...
 FuzzyFilePath (X) 
 link: https://github.com/sagold/FuzzyFilePath
 似乎只會搜尋 .sublime-project 內的第一個 project 目錄底下的檔案
 Preferences > Package Settings > FuzzyFilePath > Settings - User
 {
    "extensionsToSuggest": ["html", "js", "css", "gif", "jpg", "png", "eot", "svg", "ttf", "woff", "otf", "json"],
    "exclude_folders": [
        "docker",
        "locale",
        "media",
        "node_modules",
        "salt",
        "tmp"
    ],
    "auto_trigger": true,
    "scopes": [
        {
            // python
            "scope": "source\\. [\\.\\ ./] * / bower_components / "," "],
                // nodejs по умолчанию загрузит index.js, удалим
                ["/ индекс $", ""]
            ]
        },
        {
            // js
            "scope": "\\. js \\ s",
            "авто": ложь,
            "расширения": ["js", "json"],
            "insertExtension": истина
        },
        {
            // json
            "scope": "source \\. json. * string",
            "авто": ложь,
            "extension": ["*"],
            "insertExtension": истина,
            "относительный": правда
        },
        {
            // css
            "scope": "источник \\.css. * meta \\. property ",
            "авто": ложь,
            «extension»: [«png», «jpg», «gif», «eot», «svg», «ttf», «woff», «otf»],
            "insertExtension": истина,
            "относительный": правда
        },
        {
            // по умолчанию для всех областей видимости
            "сфера": ".",
            "авто": ложь,
            "extension": ["*"],
            "insertExtension": истина
        }
    ]
} 
 Настройки> Привязки клавиш - Пользователь
 [
    {"command": "insert_path", "keys": ["ctrl + t"], "args": {"type": "absolute"}},
    ...
] 
 Общая конфигурация 
 Ссылка
: https://github.com/skozlovf/Sublime-GenericConfig
 Общее выделение файлов конфигурации
 Git 
 Ссылка
: https://github.com/kemayo/sublime-text-git
 Настройки> Настройки пакета> Git> Настройки - Пользователь
 {
    "diff_panel": правда,
    "statusbar_branch": правда,
    "statusbar_status": ложь
} 
 GitGutter-Edge (X) 
 ссылка: https: // github.com/jisaacks/GitGutter
 Preferences > Package Settings > GitGutter > Settings - User
 {
  "live_mode": true,
  "focus_change_mode": false,
  "non_blocking": false,
  "debounce_delay": 1000,
  "show_status": "none"
} 
 改用 Modific
 GitHubinator 
 link: https://github.com/ehamiter/ST2-GitHubinator
 可以在右鍵選單直接開啟檔案在 GitHub 上的 Code / History / Blame 頁面
 GitSavvy 
 link: https://github.com/divmain/GitSavvy/
 Full git and GitHub integration
 Godef 
 link: https://github.com/buaazp/Godef
 比 GoSublime 的 goto definition 還準確
 $ go get -u github.com/rogpeppe/godef 
 Google Search 
 link: https://github.com/nwjlyons/google-search
 Search Google for the currently selected text
 Google Spell Check (X) 
 link: https://github.com/noahcoad/google-spell-check
 Control + Option + P（or 右鍵選單）
 Spell check
 建議改成 Control + S
 [
    {"command": "google_spell_check", "keys": ["ctrl+s"]},
    ...
] 
 改用 KeybardSpellCheck
 GoSublime 
 Перейти
 Ссылка
: https://github.com/DisposaBoy/GoSublime
 $ go get -u github.com/nsf/gocode 
 HTML5 
 Ссылка
: https://github.com/mrmartineau/HTML5
 HTMLAttributes (X) 
 Ссылка
: https://github.com/agibsonsw/HTMLAttributes
, вам может потребоваться нажать Control + Пробел, чтобы отобразить завершение в открывающем HTML-теге
 Расширенный HTML (X) 
 ссылка: https: // github.ru / orizens / html-extended
 HTML-CSS-JS Prettify 
 Ссылка
: https://github.com/victorporof/Sublime-HTMLPrettify
 Command + Shift + H （или 右鍵 選單）
 INI (X) 
 Ссылка
: https://github.com/clintberry/sublime-text-2-ini
 Подсветка синтаксиса для файла .ini
 Завершенных сценариев Java 
 Ссылка
: https://sublime.wbond.net/packages/JavaScript%20Completions
 JavaScript следующий 
 ссылка: https: // github.ru / Benvie / JavaScriptNext.tmLanguage
 Лучшее определение языка JavaScript
 Джедаи 
 Ссылка
: https://github.com/srusskih/SublimeJEDI
 Великолепное автозаполнение Python с помощью SublimeText 3
 Control + Option + G (или CONTROL + 左鍵)
 Перейти к определению
 建議 改成 Control + G
 Control + Option + F (или OPTION + 左鍵)
 Найти использование
 建議 改成 Control + F
 Настройки> Привязки клавиш - Пользователь
 [
    {"команда": "sublime_jedi_find_usages", "ключи": ["ctrl + f"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": "источник.python - строка - комментарий "}]},
    {"команда": "sublime_jedi_goto", "ключи": ["ctrl + g"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": "источник. python - строка - комментарий "}]}
] 
 [
    {"command": "sublime_jedi_goto", "modifiers": ["ctrl"], "button": "button1", "press_command": "drag_select"},
    {"command": "sublime_jedi_find_usages", "modifiers": ["alt"], "button": "button1", "press_command": "drag_select"}
] 
 в ВАШЕМ ПРОЕКТЕ.sublime-project
 {
    "папки":
    [
        {
            "путь": "/ Пользователи / vinta / Projects / codebaku-web"
        },
        {
            "путь": "/ Пользователи / vinta / Projects / codebaku-hubot"
        }
    ],
    "настройки":
    {
        "python_interpreter": "/ Пользователи / vinta /.pyenv/versions/3.4.3/bin/python3.4",
        "python_package_paths":
        [
            "/Users/vinta/Dropbox/Developments/virtualenv_codebaku/dist-packages"
        ]
    }
} 
 jQuery 
 link: https://github.com/SublimeText/jQuery
 Snippets for jQuery
 KeybardSpellCheck 
 link: https://github.com/jlknuth/KeyboardSpellCheck
 Control + Alt + K拼字檢查
 Keymaps 
 link: https://github.com/MiroHibler/sublime-keymaps
 Control + Option + ?開啟快速鍵列表
 LineJumper 
 link: https://github.com/hypebeast/LineJumper
 Move your cursor and select 10 lines at a time.
 Fn + 方向鍵游標移動 1 頁
 Option + 方向鍵游標移動 n 行
 Preferences > Key Bindings - User
 [
    {"command": "line_jumper", "keys": ["alt+up"], "args": {"number_of_lines": 5, "cmd": "up"}},
    {"command": "line_jumper", "keys": ["alt+down"], "args": {"number_of_lines": 5, "cmd": "down"}},
    ...
] 
 Markdown Extended 
 link: https://github.com/jonschlinkert/sublime-markdown-extended
 Supporting GitHub Flavored Markdown
 Modific 
 link: https://github.com/gornostal/Modific
 Highlight lines changed since the last commit
 Open URL (X) 
 link: https://github.com/noahcoad/open-url
 Control + U（or 在 URL 上按右鍵）在瀏覽器開啟游標所在的 URL
 Pretty JSON 
 link: https://github.com/dzhibas/SublimePrettyJson
 Formating JSON
 $ brew install jq 
 Preferences > Package Settings > Pretty JSON > Settings - User
 {
    "indent": 4
} 
 PyCover 
 link: https://github.com / vinta / PyCover
 Отображение информации о покрытии в Sublime Text
 Пилинтер 
 Ссылка
: https://github.com/biermeester/Pylinter
 список кодов ошибок
http://docs.pylint.org/features.html
 Улучшенный Python 
 Ссылка
: https://github.com/MattDMo/PythonImproved
 Лучшее определение языка Python .tm
 требованийstxt 
 Ссылка
: https://github.com/wuub/requirementstxt
 Подсветка синтаксиса для требований.txt
 Подсветка синтаксиса и фрагменты, связанные с SaltStack 
 Ссылка
: https://github.com/saltstack/sublime-text
 Подсветка синтаксиса и фрагменты для SaltStack
 Sass (X) 
 Ссылка
: https://github.com/nathos/sass-textmate-bundle
 Поддержка Sass.
 Schemr & Themr (X) 
 ссылка:
 https://github.com/benweier/Schemr
https://github.com/benweier/Themr
 在 Палитра команд 快速 切換 цветовая схема 和 тема
 Выбрать цитату 
 ссылка: https: // github.com/int3h/SublimeSelectQuoted
 Command + "選擇 "" 或 '' 內的文字
 Command + (選擇 () 的文字
 Preferences > Key Bindings - User
 [
    {"command": "expand_selection", "args": {"to": "brackets"}, "keys": ["super+9"]},
    ...
] 
 SideBarEnhancements 
 link: https://github.com/titoBouzout/SideBarEnhancements
 Sublimall 
 link: https://github.com/vinta/sublimall-server
 Synchronize your Sublime Text preferences and packages configurations
 原作者已經停止開發了
 不過我 fork 了一個版本
 加上 deploy 到 Heroku 的功能
 $ brew install p7zip 
 Preferences > Package Settings > Sublimall > Settings - User
 {
    "email": "[email protected] 
 ", "api_key": "YOUR_API_KEY", "7za_path": "/usr/local/bin/7za" }
 sublime-github (X) 
 link: https://github.com / bgreenlee / sublime-github
 SublimeLinter 
 ссылка:
 https://github.com/SublimeLinter/SublimeLinter3
 https://github.com/SublimeLinter/SublimeLinter-annotations
 https://github.com/attenzione/SublimeLinter-scss-lint
 https://github.com/SublimeLinter/SublimeLinter-csslint
 https://github.com/SublimeLinter/SublimeLinter-flake8
 https://github.com/SublimeLinter/SublimeLinter-jshint
 https: // github.com/SublimeLinter/SublimeLinter-json
 https://github.com/SublimeLinter/SublimeLinter-pep8
 https://github.com/SublimeLinter/SublimeLinter-pylint
https://github.com/SublimeLinter/SublimeLinter-xmllint
 各語言的 coding style 和 syntax 檢查SublimeLinter 3 並不包含 linter，要自己用 Package Control 安裝
 $ brew install libxml2
$ gem install scss-lint
$ npm install jshint -g
$ npm install csslint -g
$ pip install flake8 pep8-naming pylint 
 Preferences > Package Settings > SublimeLinter > Settings - User
 {
    "user": {
        "debug": false,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Пакеты / SublimeLinter / gutter-themes / Default / Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "фон",
        "линтеры": {
            "аннотации": {
                "@disable": ложь,
                "аргументы": [],
                "ошибки": [
                    "ИСПРАВИТЬ МЕНЯ",
                    "КОНТРОЛЬНАЯ РАБОТА"
                ],
                "исключает": [],
                "предупреждения": [
                    "СДЕЛАТЬ",
                    "ПРОЧТИ МЕНЯ"
                ]
            },
            "flake8": {
                "@disable": ложь,
                "аргументы": [],
                "builtins": "",
                "исключает": [],
                "игнорировать": "E501",
                "вакансии": "1",
                «максимальная сложность»: -1,
                "максимальная длина строки": 79,
                "Выбрать": ""
            },
            "jshint": {
                "@disable": ложь,
                "аргументы": [],
                "исключает": []
            },
            "json": {
                "@disable": ложь,
                "аргументы": [],
                "исключает": [],
                "строгий": правда
            },
            "pep8": {
                "@disable": правда,
                "аргументы": [],
                "исключает": [],
                "игнорировать": "E501",
                "максимальная длина строки": ноль,
                "select": "E226, E241, E242"
            },
            "pylint": {
                "@disable": правда,
                "аргументы": [],
                «отключить»: «C0111, C1001, C0301, E1002, E1101, F0401, R0201, R0903, R0904, R0914, W0611, W0232, W0613»,
                "включить": "",
                "исключает": [],
                "пути": [],
                "rcfile": "",
                "шоу-коды": ложь
            }
        },
        "mark_style": "заливка",
        "no_column_highlights_line": правда,
        "paths": {
            "linux": [],
            "osx": [
                "/ Пользователи / винта /.pyenv / версии / 2.7.9 / bin "
            ],
            "окна": []
        },
        "python_paths": {
            "linux": [],
            "osx": [],
            "окна": []
        },
        "rc_search_limit": 3,
        "shell_timeout": 10,
        "show_errors_on_save": ложь,
        "show_marks_in_minimap": ложь,
        "syntax_map": {
            "html (django)": "html",
            "html (рельсы)": "html",
            "HTML 5": "HTML",
            "php": "html",
            "python django": "питон",
            "pythonimproved": "питон"
        },
        "warning_color": "DDB700",
        "wrap_find": правда
    }
} 
 tern_for_sublime 
 ссылка: https: // github.com / marijnh / tern_for_sublime
 Обработка автозаполнения для JavaScript с помощью tern.js
 $ cd "/ Users / vinta / Library / Application Support / Sublime Text 3 / Packages /"
$ git clone git: //github.com/marijnh/tern_for_sublime.git
 
 $ компакт-диск tern_for_sublime
$ npm install 
 Настройки
> Настройки - Пользователь
 {
    "auto_complete": правда,
    "auto_complete_triggers":
    [
        {
            "селектор": "source.js",
            "символы": "."
        }
    ],
    ...
    "tern_argument_hints": правда,
    "tern_arguments": [
         "--no-порт-файл"
    ],
    "tern_command":
    [
         "/Users/vinta/.nvm/v0.10.32/bin/node",
         "/Users/vinta/.nvm/v0.10.32/bin/tern"
    ],
    ...
} 
 в PROJECT_ROOT / .tern-project
 {
    "библиотеки": [
        "угловой",
        "браузер",
        "jquery"
    ]
} 
 OPTION +. Перейти к определению
 исх .:
http://ternjs.net/doc/manual.html Тема
 - Послесвечение 
 ссылка: https: // github.ru / YabataDesign / послесвечение-тема
 Тема - itg.flat 
 Ссылка
: https://github.com/itsthatguy/theme-itg-flat
 ToggleQuotes 
 Ссылка
: https://github.com/spadgos/sublime-ToggleQuotes
 建議 改成 Control + '
 WakaTime 
 Ссылка
: https://wakatime.com/help/plugins/sublime
–
 Настройки> Привязки клавиш - Пользователь
 [
    // {"команда": "anaconda_doc", "ключи": ["ctrl + h"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": " источник.python "}]},
    // {"команда": "anaconda_goto", "ключи": ["ctrl + g"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": " source.python "}]},
    // {"команда": "anaconda_find_usages", "ключи": ["ctrl + f"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": " source.python "}]},
    {"command": "dash_doc", "keys": ["ctrl + d"]},
    {"command": "expand_selection", "keys": ["alt + 0"], "args": {"to": "brackets"}},
    {"command": "expand_selection", "keys": ["alt +."], "args": {"to": "tag"}},
    {"command": "find_under_expand", "keys": ["super + d"]},
    {"команда": "godef", "ключи": ["ctrl + g"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": "источник.идти"}]},
    {"command": "google_search", "keys": ["ctrl + q"]},
    {"command": "gs_doc", "keys": ["ctrl + h"], "args": {"mode": "hint"}, "context": [{"key": "selector", " оператор ":" равно "," операнд ":" source.go "}]},
    {"command": "gs_browse_declarations", "keys": ["ctrl + f"], "args": {"dir": "."}, "context": [{"key": "selector", " оператор ":" равно "," операнд ":" source.go "}]},
    {"command": "gs_inline_diff", "keys": ["ctrl + c"]},
    {"command": "gs_show_status", "keys": ["ctrl + s"]},
    {"command": "jump_back", "keys": ["alt + s"]},
    {"command": "jump_forward", "keys": ["alt + w"]},
    {"command": "line_jumper", "keys": ["alt + up"], "args": {"number_of_lines": 5, "cmd": "up"}},
    {"command": "line_jumper", "keys": ["alt + down"], "args": {"number_of_lines": 5, "cmd": "down"}},
    {"command": "line_jumper", "keys": ["alt + shift + up"], "args": {"number_of_lines": 5, "cmd": "up_select"}},
    {"command": "line_jumper", "keys": ["alt + shift + down"], "args": {"number_of_lines": 5, "cmd": "down_select"}},
    {"command": "open_dir", "keys": ["alt + f"], "args": {"dir": "$ file_path", "file": "$ file_name"}},
    {"command": "open_file", "keys": ["super + alt + k"], "args": {"file": "$ {packages} / User / Default (OSX).sublime-keymap "," платформа ":" OSX "}},
    {"команда": "раскрыть_в_сайд-баре", "ключи": ["alt + r"]},
    {"command": "select_quoted", "keys": ["alt + '"]},
    {"command": "show_overlay", "keys": ["super + e"], "args": {"overlay": "goto", "text": ":"}},
    {"command": "show_overlay", "keys": ["super + t"], "args": {"overlay": "goto", "text": "#"}},
    {"command": "show_python_coverage", "keys": ["ctrl + x"]},
    {"command": "side_bar_project_open_file", "keys": ["super + alt + p"]},
    {"команда": "sublime_jedi_find_usages", "ключи": ["ctrl + f"], "контекст": [{"ключ": "селектор", "оператор": "равно", "операнд": "источник.python - string - comment"}]},
    {"command": "sublime_jedi_goto", "keys": ["ctrl+g"], "context": [{"key": "selector", "operator": "equal", "operand": "source.python - string - comment"}]},
    {"command": "spell_check", "keys": ["ctrl+t"]}
] 
原文 http://vinta.ws/code/must-have-sublime-text-packages.html
   本文由用户 jopen  自行上传分享，仅供网友学习交流。所有权归原作者，若您的权利被侵害，请联系管理员。
   转载本站原创文章，请注明出处，并保留原始链接、图片水印。
   本站是一个以用户分享为主的开源技术平台，欢迎各类分享！
 Editors Plugin Sharing Recommendation - Awesome Mac 
 Editors Plugin Sharing Recommendation - Awesome Mac
 Atom Plugin 
 Common plugins
 Front-end
 tag - A Sublime Text-inspired Tag menu and functions for Atom.
 autoprefixer - Префикс CSS и SCSS.
 linter-jshint - Плагин Linter для JavaScript, использующий  jshint .
 atom-html-preview - Встроенный мобильный терминал Chrome очень хорош。
 tree-view-copy-relative-path - Вы можете разговаривать с текущим выводом файла, относительный путь к целевому файлу для файловых вызовов друг друга подробнее。
 Python
 autocomplete-python - пакеты Python, переменные, методы и функции с автозаполнением их аргументов в Atom на базе Jedi
 linter-flake8 - Плагин Atom linter для Python, использующий flake8.
 python-tools - Определение перехода, отображение использования, рефакторинг / переименование и многое другое для файлов python.
 Подключаемый модуль Sublime Text 
 PlainTasks - Самоуверенный плагин для создания списков дел.
 sublimelint - фреймворк для выделения ошибок. Поддержка AppleScript, C, C ++, CSS, CoffeeScript, Go, HAML, HTML, Java, JavaScript, Lua, NASM, PHP, Perl, Python, Puppet, Ruby, XML.
 jQuery - Пакет пакетов Sublime Text для jQuery.
 Underscore - фрагменты Underscore 1.4 для Sublime Text 2.
 DocBlockr - упрощает написание комментариев DocBlock в Javascript, PHP, CoffeeScript, ActionScript, C и C ++.
 SublimeCodeIntel - Полнофункциональный анализ кода и интеллектуальный механизм автозаполнения.
 ColorPicker - Многоплатформенный плагин для выбора цвета.
 HTML-CSS-JS Prettify - средство форматирования кода HTML, CSS, JavaScript и JSON для Sublime Text 2 и 3 через узел .js .
 WakaTime - Плагин для метрик, аналитики и отслеживания времени, автоматически генерируемых на основе вашей программной деятельности.
 Seti_UI - Красивая тема, в том числе иконки файлов.
 OmniMarkupPreviewer - средство предварительного просмотра / экспорта файлов разметки (уценка, первая, креольская, текстильная ...).
 BracketHighlighter - Кронштейн и маркер метки.
 Markdown Extended - Подсветка синтаксиса Markdown.
 Babel - определения синтаксиса для ES6 JavaScript с расширениями React JSX.
 AutoFileName - автоматическое заполнение имени файла。
 FTPSync - плагин для синхронизации FTP, синхронизация локальных файлов с виртуальной машиной очень удобна。
 Color Highlighter - Выделите ключевое слово цвета, очень подходит для кода CSS。
 История файлов - Локальная история файла, каждый раз при изменении файла будет история。
 Завершение JavaScript - Собственное завершение Javascript。
 JSON Reindent - форматирование JSON。
 Git - Comprehensive Sublime выполняет функцию плагина Text Git。
 GitStatus - Мониторинг изменений файлов и статуса проекта в реальном времени。
 Gitignore - создаются файлы Git Gitignore, обычно используется встроенный файл фильтра。
 Плагин VSCode 
 Обычный
 HTML
 JS
 React / Vue
 response-beautify - Это расширение является оболочкой prettydiff / esformatter для форматирования вашего javascript, JSX, машинописного текста, файла TSX.
 Фрагменты кода Reactjs - Фрагменты кода для разработки Reactjs в синтаксисе ES6.
 Vetur - Инструменты Vue для VS Code ， поддержка подсветки синтаксиса ， Автозавершение ， Фрагмент ...
 Плагин Vim 
 WebVim - Распространение на основе Vim, ориентированное на JavaScript и веб-разработку
 Neovim - вилка Vim, ориентированная на расширяемость и гибкость.
 ivim - простая и настраиваемая конфигурация vim.
 7th-vim - легкие и настраиваемые параметры конфигурации Vim.
 Кросс-платформенные плагины 
 TabNine - автозаполнение кода на основе глубокого обучения для всех основных IDE / текстовых редакторов для различных языков программирования и расширений синтаксиса (например, JSX)
 Вверх
 .
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя * 
Email * 
Сайт