БлогNot. Sublime Text как редактор сайта

Sublime Text как редактор сайта

Проблема толкового HTML- и CSS-редактора для начинающих остаётся такой же актуальной, как в 2010 году, хотя редактора NVU давно уже нет.

Мне кажется, если вас не устроит ставший почти стандартом Notepad++, то остаётся, пожалуй, лишь Sublime Text.

Скачав и установив версию редактора для своей операционки (для Windows x64 есть также портабельная версия), в верхнем меню программы выбираем "Preferences", и в нем пункт "Browse Packages". Теперь нужно перейти на одну директорию выше, и открыть папку "Installed Packages". Скачиваем туда файл https://packagecontrol.io/Package%20Control.sublime-package и перезапускаем программу.

Если менеджер пакетов Package Control установился успешно, то в меню "Preferences" внизу должны появится два пункта - "Package Settings" и "Package Control". Также по нажатию комбинации клавиш Ctrl+Shift+P должна стать доступна команда Install Package, выполнив которую, мы увидим огромный список дополнений для редактора.

Итак, нажимаем комбинацию клавиш Ctrl+Shift+P, в открывшемся поле ввода и списке под ним ищем пункт "Package Control: Install Package", нажимаем Enter. В появившемся списке всех доступных пакетов, ищем LocalizedMenu, выбираем его и нажимаем Enter.

Перезапускаем программу, делая так после установки каждого нового дополнения. В разделе "Preferences" главного меню появится новый пункт - "Languages". Открываем его и выбираем пункт "Русский".

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

Для быстрого отображения редактируемого файла в браузере можно сделать так: меню Инструменты - Система сборки - Новая система сборки, в открывшемся написать (для Windows):

{
 "cmd": ["Путь до браузера", "$file"]
}

Путь до браузера можно взять из окна свойств ярлыка браузера, например, у меня для "Хрома" это C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

Путь внутри двойных кавычек указываем в виде

C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe

- двойной слэш нужен для экранирования пути, как в C++.

Сохраняем файл под именем Chrome.sublime-build

Закрываем и открываем снова SublimeText.

Снова заходим в Инструменты - Система сборки, выбираем "Chrome" и теперь запускать открытые файлы в Хроме можно нажатием комбинации клавиш Ctrl+B из Sublime Text. Также существуют и другие варианты решения.


теги: софт вебдезигн учебное chrome

16.01.2020, 12:50; рейтинг: 14