Не работают сниппеты sublime text 3
Я просто пытался сделать несколько фрагментов, но не могу заставить их работать. Кто-нибудь может увидеть, что с этим не так? Я прочитал их документы и просмотрел несколько примеров в Интернете, но они тоже не работают. Он у меня в папке /sublime text 3/packages/user и назван в соответствии с соглашением myTest.sublime.snippet .
Вы должны использовать text.html вместо source.html в блоке scope .
Sublime 3 требует, чтобы сниппеты имели окончания .sublime-snippet в имени файла.
Шаг 1. Для фрагмента HTML измените
Шаг 2. Если вы хотите, чтобы Sublime отображал всплывающие подсказки после ввода ключевых слов, добавьте эту строку
К вашим настройкам - Пользовательский файл настроек
Вы должны избегать знаков доллара в своем фрагменте. $ -> \ $.
Да, эта строка взята из официальной документации, но, по крайней мере, в моем случае (Sublime 3, Build 3114) она нарушает фрагмент. Когда я удаляю эту строку, фрагмент работает.
Кроме того, как ответил Jinglong выше, добавьте в свои пользовательские настройки следующее:
Это явно старая ветка, но она возникла, когда я искал создание возвышенных фрагментов. Первоначальная проблема может заключаться в том, что вы вводите «страницу» в качестве триггера вкладки без предварительной установки синтаксиса на html. Вы можете сделать это быстро с помощью shift + command / control + p, затем введите sshtml и введите. Повторите попытку триггера вкладки. Работал у меня. Ваше здоровье.
Комментарии
Sublime Text 3 это мощный редактор исходного кода со множеством настроек, сумасшедшим числом плагинов, армией поклонников и еще он очень красивый и удобный! Настройка саблайма для первого пользования окажется довольно сложной т.к. здесь попросту нет настроек.
Когда-то писал про Sublime Text, но тогда я только познакомился с этим чудо редактором. Теперь же опишу все его преимущества, настройку горячих клавиш, полезные комбинации и некоторые интересные плагины.
Цветовые схемы
Цветовых схем очень много. По умолчанию стоит тема Monokai. В комплекте идет еще 22 темы.
Создать тему для Sublime Text: SFTP.
В общем, долго обходил стороной проекты, но однажды, а точнее вместе с плагином SFTP воспользовался и мне понравилось. На скриншоте выше пять шаблонов, над которыми я работаю. Два из них синхронизированы с FTP и заливают файлы напрямую, по нажатию Ctrl+S. Так работает SFTP.
Пошаговый алгоритм
- Копируем текст из блока чуть выше;
- Вставляем его в пустой файл;
- Выделяем текст Ctrl+A, жмем волшебное сочетание: Ctrl+Shift+L — появился курсор на всех строках;
- Не сдвигая курсор, чтобы не потерять выделение жмем Alt+Shift+W и оборачиваем текст заготовкой для тега;
- Печатаем нужный код (в нашем случае простая ссылка
- После кавычки в строке выше жмем Ctrl+V т.к. нам нужно дважды печатать такой текст;
- Дописываем ссылку: “>тут уже текст стоит, а тут уже ссылка закрыта;
Черные полоски в закрывающей кавычке тега тайтл это и есть те мигающие каретки на все строки сразу
Сниппеты
Это набор заготовок, которые мы создаем сами. Например, для часто используемых кусков кода и вставляем в файл по нажатии заданной нами клавиши. Вещь очень удобная. Подробнее читайте в другой статье про сниппеты в Sublime Text.
Решено ..
- удаление
source.html - добавление "auto_complete_selector": true, в настройки пользователя
Фон
Мои фрагменты js/ отлично работали с
Я нашел решение своей проблемы! Я использовал настройку Unicode для своей клавиатуры для другого проекта. Когда я снова сменил клавиатуру на США, моя проблема была решена. Я уверен, что это необычная проблема, но на случай, если эта проблема возникла у кого-то еще:
Изменение клавиатуры обратно на США также повторно активировало некоторые сочетания клавиш для навигации по коду (например, переход от слова к слову по строке, удерживая нажатой клавишу option + стрелки)
У меня была такая же проблема, и я сделал следующее:
Просто удалите
I was just trying to make some snippets but I can't get any of them to work. Can anyone see what's wrong with this? I read their docs and thumbed some examples off the web but they don't work either. I've got it in my /sublime text 3/packages/user folder and it's named using convention myTest.sublime.snippet .
The naming convention is *.sublime-snippet . Try fixing that first, unless it was a typo in your question. If it still doesn't work, run the show_scope_name command on a file, what scopes appear? I don't know all of the key bindings for this command, you can either look for it or enter view.run_command("show_scope_name") in the ST console.
Wow, embarrassing! It was just missing the dash, thanks for the help! Not sure how to mark this as the best answer. Thanks for all the help Skuroda and Soon. Cheers.
See the scope first using following command. view.scope_name(view.sel()[0].begin()) in sublime console. To bring up sublime console type Ctrl+` in MacOs
Словари и орфография
Если нам часто приходится работать с текстом, писать, например статьи через блокнот, то на помощь приходят словари и проверка орфографии. Слова будут подчеркиваться пунктиром в случае, если по версии словаря, они написаны неправильно. К сожалению, запятые и пунктуацию проверять словари не умеют и не всегда правильно находят ошибки в словах.
Сам словарь должен состоять из двух файлов: .aaf и .dic, которые содержат набор букв и слов для проверки орфографии.
Устанавливаются еще проще: скачиваем необходимые файлы, закидываем в папку %appdata%/Sublime Text/Packages, открываем в блокноте: Вид-Словарь и выбираем как на скриншоте ниже. Для себя я создал отдельную папку Dictionares и туда закинул все файлы словарей.
Теперь, после установки необходимых словарей в файле, где необходимо включить проверку орфографии жмем F6
Ниже выкладываю свою сборку Sublime Text на момент написания статьи в которую вошли следующие элементы:
- файлы русификации скачаны тут;
- свои конфигурационные файлы;
- плагин Golden Ratio (лень было вырезать);
- словари;
- переделанное контекстное меню;
- инструкции и т.д.;
- набор светлых цветовых схем;
- свою цветовую схему Sublime_notepad2;
Настройка Sublime Text 3
По умолчанию все настройки уже заданы и записаны в файл Preferences Settings – Default. Если нам необходимо внести изменения, то мы лезем на сайт, ищем нужные настройки, открываем Preferences User – Default и вписываем свои значения.
Ниже выкладываю свой файл с настройками, на заполнение которого ушел не один месяц, в котором представлены основные настройки. Остальное уже самостоятельно, через мануал.
Особое внимание нужно обратить на то, что при смене настроек через меню, в файле настроек исчезают все комментарии к переменным. По крайне мере у меня и я неоднократно злился, пытался понять почему т.к. люблю, когда все подписано и красиво упаковано.
В свою сборку вложил этот файл и подробное описание по установке и настройке.
Комментарии
Здравствуйте, а могу ли я назначить горячую клавишу команде перемешивания строк, которая находиться в Edit -> Permute Lines -> Shuffle?
Похожие записи
Уже довольно продолжительное время такие продукты, как Android и Windows диктуют нам тренды в дизайне. И, хочу сказать, очень даже.
Уникальный редактор исходного кода на настройку которого в свое время я потратил не один месяц. Даже сейчас периодически узнаю разные.
Добрался я и до сниппетов. Очень удобная штука, когда нужно один и то же код постоянно применять в разных файлах.
Долгое время пользовался редактором Notepad2 и очень сильно привязался к цветовой схеме этого редактора. Позже перешел на Sublime Text и.
Данный код я развернул при помощи всего двух клавиш — восклицательного знака и табуляции. Это одна из возможностей плагина Emmet.
Контекстное меню
Меню, которое появляется при нажатии правой кнопки мышки редактируется и полностью настраивается под себя через всего один файл. Это файл: %appdata%/Sublime Text/Packages/Default/Context.sublime-menu.
Быстрый доступ к этому файлу осуществляется через сам блокнот нажатием Preferences – Просмотр плагинов, которая открывает папку %appdata%/Sublime Text/Packages. Тут мы уже открываем нужный нам файл.
Я добавил себе три команды (метку для строки, и отмену редактирований) из горячих клавиш и получил вот такой код:
Синтаксис тот-же что и в горячих клавишах — JSON, но нет блока с комбинациями клавиш.
Горячие клавиши
Горячие клавиши настраиваются по аналогии, но, в отличие от настроек, мы не знаем код команды. Поэтому, как и с основными настройками, идем на сайт программы, ищем клавишу, затем открываем Preferences Key Bindings – Default, через поиск находим полный код клавиши и переделываем ее при необходимости в файле Preferences Key Bindings – User
Нашел вот такое: “CTRL+Z Отмена последнего действия”. Теперь открываю файл горячих клавиш по умолчанию и вбиваю в поиск сочетание клавиш (CTRL — прописывается не кнопкой, а четырьмя буквами).
Нашел на 24 строке нужную команду. Переношу ее в пользовательский файл настроек горячих клавиш и меняю комбинацию клавиш на ту, которая мне удобна.
Ниже выкладываю свой файл с настройками. Изменил только две верхние команды, остальное просто собрал, чтобы не забывать сочетания.
В свою сборку вложил этот файл и подробное описание по установке и настройке.
9 Answers 9
You should use text.html instead of source.html in scope block.
Hey, thanks for the reply. I replaced source.html with text.html and it still doesn't show the snippet when I tab after typing page :(
Yah, still doesn't work. I can't even hit "New Snippet" and get the hello world example to work with me just uncommenting the bottom tags, but all the built in ones work just fine.
Strangely. I copy-pasted your example into HTML folder, change source to text and the snippet works. Try to unzip the default HTML.sublime-package , change something in snippet, place it in User or User/HTML folder and try to call. Also try to restart ST3.
Sublime 3 needs snippets to have .sublime-snippet endings in file name.
Step1. For html snippet, please change
Step2. If you want sublime to show tooltips after you input the keywords, add this line
to your Preferences - Settings User file
You should escape dollar signs in your snippet. $ -> \$.
I had the same problem and what I did was :
Just remove
This is clearly an old thread, but it came up when I was searching on creating sublime snippets. The initial issue might be that you are typing in "page" as your tab trigger without first setting your syntax to html. You can do this quickly with shift + command/control + p then type sshtml then enter. Try your tab trigger again. Worked for me. Cheers.
Yes, this line comes from the official documentation, but at least in my instance (Sublime 3, Build 3114), it breaks the snippet. When I remove that line, the snippet works.
Also, as Jinglong above answered, add the following to your user preferences:
Not the answer you're looking for? Browse other questions tagged sublimetext3 or ask your own question.
Related
Hot Network Questions
To subscribe to this RSS feed, copy and paste this URL into your RSS reader.
Site design / logo © 2022 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2022.5.9.42071
Ankhena, русским языком
Аббревиатура это то что я пишу сокращённо,наприм bg+, нажимаю tab и у меня совершается то что прописано дальше?
Ankhena, продолжаем. как сделать чтобы оно работало не как свойство?
пример: background:bg+ работает
просто bg+ не работает
kobnuhok, покажите, что вы написали в snippets.json
Возможно сокращения emmet перебивают какие-то сокращения редактора. Потому что bg+ это стандартное сокращение emmet.
Ankhena,
tools > Package Settings > Emmet > Settings
Для js и не только можно использовать встроенный снипет:
Инструменты > Разработчик > Новый снипет
Далее сохраняем снипет в файле, например:
bg.sublime-snippet
В Sublime Text 4 в пакете Emmet нет "bg+", но решение есть:
0. Сперва закройте Sublime Text 4 (это обязательно)
1. Переходим в папку %appdata% (используйте поиск и вбейте запрос включая %)
2. Затем ~\Roaming\Sublime Text\Installed Packages
3. Откройте пакет "Emmet.sublime-package" с помощью архиватора WinRAR (разархивировать НЕ надо)
4. В пакете откройте файл по пути \emmet\snippet\scss.py (можно открыть саблайном)
5. В файле будет список snippets и на строке 63 добавьте:
"bgu": "background:url('$') 0 0 no-repeat",
Заместо bg+, вы будете использовать bgu, вариант с "+" не работает, проверено (наверное скоро появится видео на ютубе), но его можно добавить отдельно, через Tools->Developer->New Snippet
6. Перезагрузите Sublime Text
Добрался я и до сниппетов. Очень удобная штука, когда нужно один и то же код постоянно применять в разных файлах, а copy->paste не получается т.к. периодически копируется еще что-то и нужно заново обновлять буфер.
Собственно, пример на скриншоте. Это один из элементов микроразметки, который нужно было раскидать примерно на 20 файлов, но держать в буфере не было возможности, т.к. приходилось использовать и другие элементы микроразметки, как на скриншоте ниже.
И все это сразу довольно проблематично использовать. По очереди копировать, затем вставлять. Затем новый файл и такой бесконечный многочасовой велосипед. Поэтому придумали сниппеты.
Похожие записи
Уже довольно продолжительное время такие продукты, как Android и Windows диктуют нам тренды в дизайне. И, хочу сказать, очень даже.
Уникальный редактор исходного кода на настройку которого в свое время я потратил не один месяц. Даже сейчас периодически узнаю разные.
Долгое время пользовался редактором Notepad2 и очень сильно привязался к цветовой схеме этого редактора. Позже перешел на Sublime Text и.
Данный код я развернул при помощи всего двух клавиш — восклицательного знака и табуляции. Это одна из возможностей плагина Emmet.
Два отдельных плагина для Sublime Text, которые лучше всего устанавливать сразу. Описания для каждого из плагинов нужно не много, смысл.
Мультивыделение и редактирование
Нажатием одной комбинации клавиш можно установить каретку (мигающий вертикальный курсор) одновременно на все строки после чего, также при помощи комбинации клавиш можно обернуть строки кодом. Например, имеется текст, который нужно обернуть ссылками
Дополнительно сделаем всплывающую подсказку в виде тега TITLE для каждой ссылки. Руками это занимает некоторое время, а и при большем количестве таких строк, процесс может затянуться надолго.
- Первая строка
- Вторая строка
- Третья строка
- Четвертая строка
- Пятая строка
- Шестая строка
- Седьмая строка
- Восьмая строка
- Девятая строка
- Десятая строка
Если запущено мультиредактирование и количество редактируемых строк совпадает с количеством вставляемых — вставит их не в одну строчку, а каждой строке по одной новой. Пример ниже, когда тег TITLE совпадает с текстом ссылки.
Создание сниппета в Sublime Text
Открывается файл-заготовка под сниппет, где мы увидим следующий код:
Нужный нам код размещен внутри квадратных скобок блока CDATA
Долларами отмечаются каретки. Т.е. $1 – при развертывании сниппета каретка встанет в это место, а при нажатии на Tab отправится к следующей метке, которую мы установим.
Важно: $0 всегда идет последним. Этот параметр не обязателен, поэтому достаточно будет лишь одной метки в любом месте кода.
Ключ для вывода сниппета
Любой набор букв. В моем случае прямое назначение — микроразметка url. Введя mur в любом файле редактора и нажав на Tab у меня разворачивается заложенный код в CDATA.
Остальные параметры не важны в принципе! Последняя строка позволяет ограничить типы файлов, где будет доступен данный сниппет. Правило для записи следующее:
Сниппет сохраняется под любым именем в папке редактора. Например, тут Packages\User\snippets. Ничего прописывать и указывать редактору не нужно. Он все помнит и знает.
Но есть проблемка. Частенько свежесозданный сниппет может тупить и не срабатывать по ключевому слову, но через некоторое время все проходит!
Сниппет можно вызывать и обходным путем. Tools-сниппеты
Особенности Sublime Text
- быстрота работы;
- приятный внешний вид;
- минимализм — ничего лишнего;
- отвлеченный режим – вообще ничего лишнего;
- графическая карта — быстрый скролл по всей высоте файла;
- продвинутый поиск;
- сумасшедшее число плагинов (более 800 разработчиков);
- мультивыделение и мультиредактирование — правка сразу нескольких строк;
- гибкая настройка горячих клавиш, функций;
- возможностью разделить экран на несколько частей;
solved by..
- removing
source.html - adding "auto_complete_selector": true, to user settings
Background
My js/ snippets worked fine with
I found the solution to my problem! I have been using the unicode setting for my keyboard for another project. When I changed my keyboard back to US, my problem was resolved. I'm sure this is an unusual issue, but in case anyone else is having this problem:
changing the keyboard back to US also reactivated some of the code navigation shortcuts (e.g., jumping word-to-word on a line by holding down option + arrow keys)
Читайте также: