Sublime Text 3 и подсказки (Auto Complete) включить без клавиш Ctrl+Пробел
Столкнулся с проблемой, что подсказки (Auto Complete) именно в CSS файлах можно вызвать только при комбинации клавиш Ctrl+Пробел. Сделать так, чтобы они постоянно работали — не получается. При редактировании JS и PHP файлов — все отлично. Не подскажете, как можно сделать, чтобы эти подсказки постоянно работали и для CSS файлов? Премного благодарен.
Das Work lobt den Meister.
- Помощь в фильтрации ботов через CloudFlare
- В Конструкторе Яндекс.Карт появилась возможность получить код iframe
- Вышла новая версия Яндекс.Бара
На сайте с 07.03.2015
5 января 2017, 16:07
Качественная верстка PSD макетов (/ru/forum/974524)
На сайте с 10.02.2010
6 января 2017, 06:53
Во всех фпйлах настроек стои «auto_complete»: true.
И только в CSS всплывает по Ctrl+Пробел. В остальных — нормально.
подсказка для тегов в Sublime Text 3
в Sublime Text 3 не появляется подсказка при написании тегов в файле style.css. В файле index.html подсказка появляется.
александр миронов
3 years ago
подсказка появляется когда начинаешь печатать значение свойств
либо можно выбрать подсказку всех возможных значений свойства сочетанием клавиш CTRL+SPACE
student_8vsRa_2i
3 years ago
александр миронов
3 years ago
2 ответов
JavaScript — полный курс с нуля до результата!
Полный курс Python для начинающих – с нуля до специалиста
Photoshop для начинающих Веб-дизайнеров
Adobe Illustrator с нуля – основы дизайна для начинающих
Программирование на Java с нуля
React JS для начинающих + Redux
Django 3 — Full Stack разработка веб сайтов на Python
WordPress – с нуля до Профи!
Основы HTML/CSS — верстка сайтов с нуля
WordPress – Быстрый старт!
Шаблонизатор Pug/jade — современный ускоритель для HTML
ВЕБ-разработчик — с нуля до результата!
Посадка верстки и создание тем на CMS WordPress
Настройка рекламы Яндекс Директ — продвижение сайтов
Настройка рекламы Google — продвижение сайтов
Настройка таргетированной рекламы и продвижение ВКонтакте
Настройка рекламы и продвижение Facebook+Instagram
МЕГАКУРС по рекламе: Яндекс Директ, Google Реклама, ВКонтакте, Facebook+Instagram
Полный курс Android + Java для начинающих
Kotlin — Быстрый старт!
Программирование на C# – от новичка до специалиста
Верстальщик сайтов — HTML, CSS, Bootstrap, JavaScript
SQL и PostgreSQL для начинающих
Создание административной панели на React JS + PHP
Практический JavaScript — продвинутый уровень
GIT. Управление версиями для разработчиков
Программирование на Java с нуля — Уровень 2 + 10 собеседований
Полный курс Python – продвинутый уровень + SQL
Figma для Веб дизайнера — с нуля до профессионала
React с нуля для начинающих + 3 проекта в портфолио!
Веб Дизайн в Figma. Основы Ui Ux дизайна на практике
Алгоритмы и структуры данных от А до Я
Adobe Illustrator с нуля – Уровень 2 – продвинутая практика
Android разработчик – профессиональный уровень (Kotlin)
Веб Дизайн в Figma 2022 Продвинутый уровень. Создание Ui Kit
Шаблоны проектирования на Python
Быстрая настройка Sublime Text 3 для верстки сайтов
По многочисленным просьбам обновил руководство по быстрой настройке редактора кода Sublime Text 3, установке необходимых для верстки плагинов и создании своего пресета настроек для быстрого старта на новом рабочем месте.
Поделиться Отправить Класснуть Запинить
Вам наверняка знакома ситуация, когда на новом рабочем месте необходимо быстро установить и настроить Sublime Text для работы над новыми проектами. Как правило, тонкая настройка Sublime Text занимает много времени и выполнять ее каждый раз не практично и долго.
Сегодня мы рассмотрим максимально быструю настройку Sublime Text, самые популярные среди верстальщиков плагины для ускорения верски и установим одну из лучших и комфортных тем оформления редактора One Dark Material Theme.
По умолчанию Sublime Text выглядит довольно печально:
Установка Package Control в Sublime Text
Для начала необходимо настроить Package Control. Для этого нажимаем хоткей Ctrl+Shift+P. Во всплывающем окне набираем Install Package Control и выбираем соответствующий пунк. Через несколько секунд Package Control будет установлен, о чем вы получите соответствующее уведомление.
Если вы пользователь MacOS, необходимо нажать на клавиатуре Cmd+Shift+P.
Package Control необходим для того, чтобы вы могли устанавливать дополнения и плагины в Sublime Text 3 из репозитория пакетов.
Установка плагинов в Sublime Text
Далее необходимо установить нужные для работы плагины. Мы рассмотрим установку самых популярных среди верстальщиков плагины, которые значительно упрощают разработку. Вы также можете поэкспериментировать с другими плагинами в Package Control, может быть вам понравятся и другие из огромного количества доступных пакетов.
Для установки плагинов в Sublime Text через Package Control необходимо вызвать меню, как мы это делали ранее: Ctrl+Shift+P. Затем вводим команду «Install Package» и выбираем нужный пакет из списка.
Самые популярные плагины для Sublime Text:
- Emmet — ускоряет написание HTML и CSS кода до скорости света. Урок по Emmet
- AutoFileName — дополняет код при написании путей до файлов в верстке;
- Gist — подключает в Sublime Text возможность использовать сервис сниппетов кода GitHub Gist. Урок по Gist;
- Sass — плагин для подсветки Sass синтаксиса в Sass и Scss файлах. Раскрывает Emmet в Sass файлах.
- terminus — плагин встроенного терминала Sublime Text.
- W3CValidators — мощный набор валидаторов для HTML разметки, CSS, SVG и т.д.
Установка внешнего оформления Sublime Text
Мне очень нравится тема оформления One Dark Material Theme и подсветка кода соответствующей цветовой гаммой. Это наиболее сбалансированные, достаточно контрастные, но не слишком резкие цвета для комфортной работы в редакторе.
Дя установки цветового оформления One Dark нам необходимо доустановить следующие пакеты через Package Control:
- One Dark Color Scheme — цветовая схема для подсветки кода;
- One Dark Material — Theme — тема оформления UI Sublime Text.
Установка плагина вручную
Некоторые плагины более не обновляются в Package Control или просто там не фигурируют. Кое-какие из этих плагинов имеют жизненную необходимость при работе с кодом и их приходится устанавливать вручную.
Один из таких плагинов BufferScroll — потрясающий плагин, который при повторном открытии документа устанавливает курсор на том месте, на котором вы закончили редактирование в прошлый раз, тем самым сокращая время на поиск нужной позиции для продолжения работы.
Для установки BufferScroll вручную, скачайте его и распакуйте в любое удобное место на вашем диске. Далее в Sublime Text выбираем пункт меню Preferences > Browse Packeges. Откроется папка пользовательских данных на вашем диске. Скопируйте сюда папку, содержащую файлы Buffer Scroll и перезапуститие Sublime Text. Теперь плагин работает.
Тонкая настройка редактора, пресет моих настроек
Переходим к настройкам Sublime Text.
Предтавляю мой пресет настроек, который я всегда использую для стартовой настройки редактора Sublime Text на новом рабочем месте или после переустановки системы. Вы можете использовать данный пресет в вашем редакторе и кастомизировать его при необходимости:
Keymap (Windows Users): [ < "keys": ["alt+shift+f"], "command": "reindent" >, ] Settings: < "show_definitions": false, "auto_complete": false, "bold_folder_labels": true, "color_scheme": "Packages/One Dark Material - Theme/schemes/OneDark.tmTheme", "fold_buttons": false, "font_size": 13, "highlight_line": true, "indent_guide_options": [ "draw_normal", "draw_active" ], "line_padding_bottom": 2, "line_padding_top": 2, "margin": 2, "material_theme_compact_sidebar": true, "material_theme_compact_panel": true, "material_theme_small_statusbar": true, "material_theme_small_tab": true, "tab_size": 2, "theme": "OneDarkMaterial.sublime-theme", "word_wrap": "false", >
Код пресета для пользовательских настроек (Preferences.sublime-settings | Preferences > Settings) — отдельно:
Код пресета для пользовательских клавиатурных сокращений (Default (Windows).sublime-keymap | Preferences > Key Bindings) — отдельно:
Теперь при выделении и по нажатию Alt+Shift+F ваш код будет автоматически выравниваться отступами с соответствующей иерархией вложенности элементов.
Разместив данные сниппеты в соответствующих файлах настроек вы получите полностью готовый к рабое, настроенный Sublime Text или можете настроить редактор под себя. В настройках есть два поля — левое с дефолтными настройками и правое с пользовательскими. В дефолтных настройках вы можете увидеть подсказки к каждому свойству и применить его в правой части скопировав и установив свое значение.
Узнать какое свойство за что отвечает довольно просто — все свойства имеют интуитивно понятные наименования на английском языке. Любое свойство из большого обилия доступных настроек можно просто перевести на русский язык и понять, что оно означает.
Для того, чтобы сделать бэкап всех ваших настроек и быстро развернуть Sublime Text на другом рабочем месте, достаточно скопировать папку
«C:\Users\\AppData\Roaming\Sublime Text 3»
в потаенное резервное место на вашем диске или на флешку, а затем разместить у другого юзера или на другом компьютере в этой-же директории под пользователем.
Также дополнительно на ваше усмотрение можно отключить миникарту справа и скрыть меню. Это можно сделать перейдя в меню View > Hide Minimap и View > Hide Menu. Показать меню можно нажатием клавишы Alt на клавиатуре.
Премиум уроки от WebDesign Master
Создание сайта от А до Я. Комплексный курс
Создание современного интернет-магазина от А до Я
Я — фрилансер! Базовый курс для начинающих
Другие уроки по теме «Инструменты»
- Настройка VS Code для верстки
- Simple Starter — простой стартер для верстки | Материалы урока
- Делаем вкладки в проводнике Windows. Настройка QTTabBar от А до Я
- Хостинг от А до Я: Сайты, базы, домены, SSL, SSH, sFTP, перенос, деплой, секреты, лайфхаки
- Gulp 4 — Актуальное и исчерпывающее руководство для самых маленьких
- Актуальный способ установки и настройки окружения Windows WSL для веб-разработки
Документация
Нет, не помогло. Помогает только ручной Refresh Folders. Еще с одной проблемой столкнулся: при сохранении файла ST2 очень часто вылетает без предупреждения.
2014-10-28 11:43:13
Это странно. Сейчас проверил на ST2 и ST3, все нормально. Для эксперимента попробуй сбросить настройки и кеш. Возможно, работе редактора мешает какой-то плагин. Переименуй папку /Users/
2014-10-28 08:33:06
Установил Sublime Text 2 версия 2.0.2 build 2221 Mac OS Yosemite. При работе с файлами проекта Side Bar не обновляется: т.е. переименовываю файл, а в side bar его прежнее название или создаю папку и она не появлется, хотя в Finder все эти изменения есть. Что можно сделать?
2014-10-06 12:04:23
Есть такая проблема. К сожалению, ее пока не исправить.
2014-10-06 11:59:42
Расширение он не подставляет, но предлагаемый для сохранения сниппета путь должен быть верным. Попасть в эту папку можно через меню [menu:Preferences/Browse Packages. ]
2014-10-05 10:06:49
Столкнулся с идиотизмом в Сублиме на мак. Написал сниппет, жму сохранить. Он показывает путь user/. Ни тебе расширения файла ни правильный путь. Поискал в нете, оказывается сохранять надо сюда — /User/Library/Application Support/Sublime Text 2/Packages/User . Но из самого редактора сюда попасть не могу так как папка library скрыта по умолчанию. Теперь сохраняю сниппет в любое место и перетаскиваю в ручную туда куда надо. Очень не удобно!
2014-10-03 07:10:57
Здравствуйте. Вопрос по ST3: не работает регистронезависимый поиск по строкам с русскими символами. Параметр «case sensitive» в форме поиска не помогает. По английским строкам все ок. В чем может быть дело?
2014-09-21 12:25:00
Скорее всего, файл в кодировке Windows-1251. Если редактор не может определить кодировку, то он открывает ее в той кодировке, которая указана в параметре [preferences:fallback_encoding]. Попробуй вручную указать, как открыть файл [menu:File/Reopen with Encoding/Cyrillic (Windows 1251)].
2014-09-21 02:26:07
русские слова в кодах шифруются, пример
это возмоно исправить?
2014-09-20 19:54:55
в виндовзе регистр в имени файла не имеет значения.
2014-09-18 14:58:00
Надпись UNREGISTERED в шапке программы и периодически появляющееся окошко с просьбой приобрести лицензию. Это все.
2014-09-18 13:06:47
Скачал ST3 c официального сайта, не покупал. Подскажите пожалуйста, чем отличается от платной версии?
2014-07-23 16:11:30
Все исправил. Дело было — я добавил в c:\Users\Имя_пользователя\AppData\local\Sublime Text 3\Packages\Default\ Нужно в c:\Users\Имя_пользователя\AppData\Roaming\Sublime Text 3\Packages\Default\ P.S. Русификатор для Sublime Text 3. Все ок.
2014-07-23 14:11:00
Каким руссификатором ты пользовался? Sublime Text переводится заменой нескольких *.sublime-menu файлов, в которых находится описание пунктов меню. Соответственно, если русское меню было добавлено в пользовательскую папку, то оно смешается с оригинальными файлами. Для перевода необходимо заменить Packages/Default.sublime-package на переведенный. Но я бы советовал не пользоваться руссификатором. С оригинальным интерфейсом оно проще и полезнее 🙂
2014-07-23 00:11:50
Здравствуйте. Добавил русификатор. Получилось, что сразу одновременно русский и английский. Каким образом убрать англ или выключить?
2014-07-21 13:40:00
Такого не встречал. Есть ColorPicker. Палитра открывается по хоткею [hotkey:ctrl+shift+c].
2014-07-21 08:04:44
Здравствуйте. Когда в CSS вводим «background: » или «color:» надо, чтобы открывалось палитра для выбора цвета.
2014-04-03 11:20:00
Попробуй так:
2014-03-29 21:05:44
Доброго времени суток. Как настроить nodeJs в Sublime Text? http://cyberxndr.com/content/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-sublime-text-2-%D0%B4%D0%BB%D1%8F-nodejs Пробовал таким способом, но не удается.
2014-02-16 11:39:43
Параметр «default_encoding» не помогает?
2014-02-15 18:02:35
У меня есть ворд документ в котором есть примеры кода(html, css). Предварительно я создал некое кол-во пустых файлов html. А проблема то следующая: если я копирую текст из ворда в саблайм — кракозябры в русском тексте. Решение проблемы — «fallback_encoding»: «Cyrillic (Windows 1251)». Да, ок. Сделал так и о чудо — отображаться русские литеры стали нормально. Сохранил это чудо. Открываю через браузер — кракозябры. Та епта. Ладно, черт с ним. Вставил текст в нотпад++, сохранил, потом открыл через браузер и все ок. Открываю этот текст, что был сохранен через нотпад, в саблайме — кракозябры(та ладно). Что это вообще за бред и как с ним бороться? То есть суть вопроса: как сделать в саблайме так что бы открывало и сохраняло по умолчанию текст с кириллицой корректно? Т.к. по 1 файлу save_with_encoding — пашет нормально. Но я не собираюсь 100++ примеров сохранять постоянно через эту беду.