Sublime text build 3211 x64 setup что это
Sublime Text
Sublime Text для Windows
Sublime Text (Саблайм текст) — удобный редактор кода с минималистичным дизайном, широким функционалом и поддержкой плагинов.
Интерфейс Sublime Text (версия 3.2.2)
Этот инструмент отлично подходит как профессиональным программистам и веб-разработчикам, так и новичкам. Программа разработана, в первую очередь, для работы с Python, в то же время предусмотрена поддержка и многих других языков программирования.
Скачайте бесплатно последнюю версию Sublime Text на нашем сайте по прямой ссылке. Редактор кода имеет встроенную поддержку русского языка и работает с Windows 10, 8, 7, Vista, XP. Мы описали некоторые базовые функции программы ниже, а также составили инструкцию по установке.
Возможности программы
Интерфейс
Подсветка синтаксиса — это первое, на что обращают внимание большинство пользователей. По умолчанию редактор поддерживает большое количество языков, а на выбор представлено более двадцати вариантов подсветки.
Подсветка синтаксиса
Внимания заслуживает полноэкранный режим, где рабочее пространство может занимать всю площадь экрана — это удобно, когда нужно, чтобы во время работы ничего не отвлекало. Уникальная особенность — миникарта, где в колонке умещается несколько экранов, между которыми можно переключаться, работая одновременно с парой документов.
Вкладочный интерфейс
Удобно в редакторе реализована функция мультипанелей, благодаря которым работать можно одновременно с несколькими документами в одном окне — во многих случаях это лучше, чем работа с независимыми окнами.
Еще одна особенность — подсветка парных скобок. Здесь нужно только установить курсор внутри сложной функции, и автоматически будут подсвечены парные скобки.
Настройки редактора
Редактирование кода
Начать работу с редактором довольно просто, здесь, в отличие от многих профессиональных, доступ ко всем опциям возможен с помощью вызова контекстного меню. Кроме того, нет необходимости изучать различные режимы, как во многих аналогах. Все сочетания клавиш легко выучить в процессе работы. Редактор можно назвать идеальным для начинающих программистов.
Палитра команд
Со временем в любой момент можно перейти на полноценную IDE. Бонусом станет то, что плагины для Sublime Text пишутся на Python, а это значит, что для их написания не придется изучать другой язык программирования.
Самое главное в любом редакторе — это инструменты для работы с кодом и текстом. В этом плане Sublime Text действительно может похвастаться широкими возможностями. В редакторе предусмотрена функция автозавершения кода — если ввести часть известной функции, Sublime Text ее дополнит.
Автозавершение кода
С помощью макросов можно записывать и воспроизводить потом различные действия, например, ввод текста, копирование или вставка. Функция поиска и замены позволяет искать как по всему документу, так и только по выделенной части.
Поиск и замена
Инструменты
Плагины
Благодаря поддержке плагинов можно существенно расширить функционал приложения и упростить работу с ним. Например, используя дополнительные плагины, легко создавать готовые каркасы для HTML, искать проблемы в коде, добавлять подсветку синтаксиса для других языков программирования.
Есть плагины, с помощью которых можно сравнивать разные документы, добавлять в панель инструментов кнопку «открыть в браузере», генерировать для HTML таблицы, списки и другие формы.
Плюсы и минусы
Преимущества
Программа отличается от многих редакторов понятным и удобным интерфейсом, который не требует времени на изучение. К другим преимуществам следует отнести:
Недостатки
Несмотря на все свои достоинства, программа не может стать заменой полноценной IDE.
Скачать бесплатно
Скачайте Sublime Text бесплатно с помощью MultiSetup или по прямой ссылке.
Горячие клавиши
Установка на компьютер
Для установки Sublime Text вам понадобится скачать установочный файл с нашего сайта. Далее запустить его и следовать дальнейшей инструкции.
Путь установки
1. Выберите путь (каталог) установки редактора и нажмите «Next >».
Настройки установки
2. Опциональные настройки установки, выберите добавлять ли ярлык в контекстное меню Windows и на рабочий стол.
Начало установки
3. Все готово к инсталляции программы. Нажмите «Install».
Копирование файлов
4. Процесс копирования файлов программы и прочие инсталляционные действия. Просто немного подождите…
Завершение установки
5. Установка Sublime Text завершена! Нажмите «Finish».
Как пользоваться
Инструкция по установки Sublime Text, в которой рассмотрены: установка программы, интерфейс редактора, установка и использование плагинов, написание кода, использование функций, темы оформления и цветовые схемы, пользовательские настройки.
Скачать Sublime Text 3
На данный момент Sublime Text 3 — это лучший текстовый редактор для программистов, верстальщиков и web разработчиков. Основная его особенность заключается в том, что в нем нет ничего лишнего, и в то же время в нем есть все, что может потребоваться. Если какой-то функционал отсутствует, то его всегда можно дополнить одним из 1000 бесплатных плагинов. Если и этого мало, то под свою задачу можно либо написать плагин самостоятельно, либо заказать у умельцев.
У Sublime крайне простой и понятный интерфейс. По началу он даже пугает своим минимализмом, дело в том, что основные функции выведены на горячие клавиши, благодаря чему не придется все время браться за мышку, а это существенно увеличивает скорость разработки.
Как установить Sublime Text 3
Для начала нужно определиться с тем, как у вас операционная система, на данный момент саблайн выпускается под 3 ОС:
Далее идет стандартная установка:
Инструкция по установке Sublime Text 3 (см 6 скринов)
Интерфейс программы
После того, как Вы в первый раз откроете текстовый редактор он будет выглядеть так:
Как ранее упоминалось в нем нет ничего лишнего. Многие ищут русификатор для Sublime Text 3, но на самом деле и без него все понятно. К тому же все англоязычные и русскоязычные мануалы написаны с учетом английского интерфейса.
Официальным разработчиком не поддерживается русская версия Sublime Text 3. В интернете можно скачать и установить русификатор, но не факт, что он будет работать на более новых версиях саблайма.
Настроить интерфейс можно через верхнее меню – VIEW, где:
Интерфейс (на 7 скриншотах)
Остальные вкладки рассматривать не будем, так как либо они входят в ранее рассмотренные настройки, либо ими почти никто не пользуется.
Настройка Sublime Text 3
Сами по себе настройки хранятся во вкладке: верхнее меню – preferences – settings. В левой части будут настройки по умолчанию, а в правой пользовательские (preferences.sublime- settings user). Правильнее вносить корректировки именно в правой части (user). По началу там практически ничего нет. Добавим такую строчку: «draw_white_space»: «all», и сохраним. Как видно, теперь пробелы и табы начали подсвечиваться, а это очень удобно.
(см 2 скрина)
Для того, чтобы увеличить/уменьшить шрифт достаточно просто нажать ctrl+покрутить колесико мышки
Более детальных рекомендаций по настройке дать тяжело, так как у всех свои задачи и предпочтения, но со временем Вы поймете, что именно надо.
Полезные функции в Sublime Text 3
Функций в Sublime великое множество, находятся они в верхних вкладках меню “Edit” и “Selection”. Описать все функции будет просто не возможно. На youtube есть огромное количество видеороликов, в которых все детально рассказано и показано. Но все же стоит рассказать о нескольких самых популярных и удобных функциях в саблайме:
Теперь перейдем к самой главной фишки Sublime – функция множественное выделение. Для пример возьмем простую html таблицу и выделим
Так же можно делать точечные выделения с помощью комбинации ctrl + левый клик мыши.
Функция множественного выделения
Лицензионный ключ для Sublime Text 3
Программа Sublime условно бесплатная, то есть ее можно просто скачать и начать использовать, никакого license key для ее активации не потребуется.
Изредка при сохрани документа она будет спрашивать не желаете ли вы оплатить? На что можно просто ответить нет. Кстати по статистике разработчики оплачивает лицензию как правило на 4 году использования Sublime, вот такой вот хороший, качественный и полезный продукт.
Скачать Sublime Text 3
Далее можно скачать Sublime Text 3 под свою операционную систему.
| Операционная Система | Файл для скачивания | Торрент файл |
|---|---|---|
| OS X (OS X 10.6 и более поздние) | Скачать под MAC | n/a* |
| Windows 32 (86) bit | Скачать под Windows 32 бита | n/a* |
| Windows 64 bit | Скачать под Windows 64 бита | n/a* |
| Linux 32 bit | Скачать под Linux 32 bit | n/a* |
| Linux 64 bit | Скачать под Linux 64 bit | n/a* |
* Из-за невостребованности торрент файлов они были убраны с сайта.
Желаем вам успешных разработок!
У нас Вы можете скачать последнюю версию текстового редактора под все ОС.
УЧЕБНЫЕ МАТЕРИАЛЫ
Web-верстка, компьютерная графика,
мультимедиа
Редактор кода Sublime Text. Установка и настройка
Переходим на сайт редактора Sublime Text https://www.sublimetext.com/
Находим вкладку Download.
Выбираем Windows 64 bit и скачиваем инсталлятор Sublime Text Build 3211 x64 Setup.exe.
Запускаем инсталлятор. Нажимаем Запустить.
В следующем окне видим стандартный путь для установки программы. Нажимаем Next.
Далее инсталлятор предлагает включить запуск программы в контекстное меню, т.е. при нажатии на файл правой кнопкой мыши в контекстном меню мы будем видеть SublimeText для открытия файла. Это очень удобно. Поэтому устанавливаем флажок Add to explorer context menu и нажимаем кнопку Next.
В следующем окне нажимаем Install.
По окончании установки нажимаем Finish.
После этого запускаем программу, щелкнув по ярлыку на рабочем столе.
Программа платная, но разработчики не ограничивают ее использование ни по функциональным возможностям, ни по времени.
Отличие бесплатной версии от платной в том, что в шапке программы присутствует надпись UNREGISTERED
И иногда появляется окно, предлагающее зарегистрировать и оплатить программу. Можно нажать Отмена и работать дальше.
Настройка внешнего вида программы Sublime Text. Настройка цветовых схем
Сначала отобразим боковую панель. Для этого надо выполнить команду Yiew – Side Bar – Show Side Bar
Слева откроется панель, в которой будут отображаться файлы и папки верстки.
Можно перетащить папку с файлами на левую панель.
Настроим цветовую схему программы и кода. Для этого откроем файл с кодом html и перейдем по команде Preference – Color Scheme…
Открывается окно с предустановленными цветовыми схемами
При выборе любой из схем, изменяется цветовое оформление окна программы Sublime Text.
Для того, чтобы подгружать в программу дополнительные цветовые схемы, необходимо сначала установить установщик.
Для этого переходим в меню Tools – Command Palette…
Появится окно с полем поиска.
В поле поиска вводим install, пока не появится Install Package Control и нажимаем на него.
Через некоторое время появится окно об успешной установке Package Control.
Снова вызываем команду меню Tools – Command Palette…, в поле вводим install, пока не появится Package Control: Install Package и нажимаем на него.
Через некоторое время появится окно со списком доступных дополнений.
В поле поиска вводим название темы Base 16 Color Scheme.
Нажимаем на этот пункт и ждем установки.
После установки переходим к смене схем. Выполняем команду Preferences – Color Scheme.
И видим, что в списке появилось гораздо больше цветовых схем.
Наберем в строке поиска Ocean и выбираем эту тему.
Видим, что цветовое оформление изменилось.
Методом перебора Вы можете подобрать для себя другую понравившуюся цветовую схему.
После этого выберем команду Preference – Theme…
И в появившемся окне щелкнем по Adaptive.sublime-theme.
После этого левая панель программы и окружение также стали темными.
Откроется новое окно, разделенное на две части. В левой части прописаны настройки по умолчанию. Их изменить нельзя, их можно только переопределить в правой части. Каждая следующая настройка должна отделяться запятой.
В правом окне уже прописаны некоторые настройки цветовой схемы.
Внесите запись «margin»: 0, //Убираем отступ
И сохраните файл командой File – Save. Весь код немного подвинулся влево.
Чтобы увеличить или уменьшить размер шрифта в окне программы, достаточно зажать клавишу Ctrl и крутить колесико. Чтобы вернуться к настройкам по умолчанию, надо выполнить команду Preference – Font – Reset
Пропишем еще несколько настроек:
“tab_size”: 3, //Размер табуляции – т.е. насколько сместится курсор влево при нажатии клавиши Tab
«word_wrap»: «true», //Перенос строк всегда
Продолжим настраивать окно программы. Часто в ходе верстки необходимо отображать два файла: html и css. Для этого необходимо разделить окно программы на две части. Сделать это можно командой Yiew – Layout – Columns: 2
Теперь мы можем расположить два файла с кодом рядом.
Синтаксис имеет определенную подсветку для каждого языка. Чтобы увидеть весь список языков и синтаксисов, надо нажать в правом нижнем углу программы на пиктограмму языка. Например, для файла html в правом нижнем углу будет запись HTML, для файла css соответственно запись CSS. Надо щелкнуть по этой записи и появится весь доступный список.
Но, чтобы синтаксис подсвечивался должны быть установлены соответствующие схемы.
Установим дополнительные схемы подсветки синтаксиса.
Например, для файлов SCSS в программе нет предустановленной подсветки синтаксиса. Если мы откроем файл SCSS, то увидим только белый цвет.
Выбираем команду меню Tools – Command Palette…, далее вводим install и выбираем Package Control: Install Package.
После установки в левом нижнем углу окна программы появится запись об успешной установке, но запись быстро исчезнет. Можно проверить, что синтаксис SCSS появился в общем списке. Т.е. в правом нижнем углу вызываем список и видим SCSS в конце списка.
Установка необходимых плагинов
Auto File Name – необходим для того, чтобы Sublime Text автоматически прописывал пути к файлам, например, к картинкам.
Выполняем знакомую нам команду Tools – Command Palette…, далее вводим install и выбираем Package Control: Install Package и затем AutoFileName.
После установки этого плагина в коде можно видеть содержимое папки, например, img и выбрать соответствующий файл.
Bracket Highlighter – плагин подсветки начальных и конечных элементов, например открывающего и закрывающего тегов, начальной и конечной кавычки, открывающей и закрывающей скобки и т.д.
Color Highlighter – показывает образец цвета в коде. Например, на рисунке ниже рядом с записью color: #f00 появился желтый квадрат (образец цвета). Так работает плагин Color Highlighter.
Дополнительные настройки плагина можно сделать, выполнив команду Tools – Color Highlighter
Emmet – позволяет с помощью сокращений писать команды кода.
Например, чтобы написать такой код
После установки необходимо перезапустить программу.
Список сокращений Emmet можно посмотреть по ссылке https://webdesign-master.ru/blog/html-css/2.html
Goto Css Declaration – навигация в коде. Например, чтобы найти блок стилей для какого-либо класса в большом файле css, необходимо в html файле установить курсор на имя этого класса и нажать горячую клавишу. После этого в файле css курсор автоматически переместится в соответствующий блок стилей.
Чтобы создать горячую клавишу, необходимо после установки плагина выполнить команду Preferences – Key Bindings.
После этого появится экран из двух окон. В левом окне предустановленные настройки, которые нельзя изменить, но можно переопределить в правом окне.
Например, сделаем следующую запись
Тогда переход из html файла на нужный класс в таблице стилей css будет по нажатию клавиш ctrl+q. Не забываем, что в html-файле курсор должен стоять на имени класса, который ищем в таблице стилей.
eCSStractor – плагин позволяет извлекать селекторы sass из html-кода.
Выберите в меню программы Preferences – Package Settings – eCSStractor – Key Bindings – User. Наберите следующий код.
Выберите в меню программы Preferences – Package Settings – eCSStractor – Settings – User. Наберите следующий код.
Теперь можно извлекать селекторы, соответствующие методолигии БЭМ, прямо из HTML кода сочетанием клавиш Ctrl+`(ё).
Tag – позволяет извлекать css селекторы из выделенного фрагмента html-кода.
Устанавливает плагин вручную. Сначала скачайте сам плагин здесь. Затем распакуйте в папку по следующему адресу
C;\Users\Твое имя пользователя\AppData\Rroaming\Sublime Text 3\ Packages
После этого надо перезапустить Sublime Text.
Теперь надо добавить горячую клавишу. Заходим Preferences – Key Bindings. Если была предыдущая запись, новую пишем через запятую. Введите следующий код.
Весь наш файл с учетом предыдущих установок и настроек выглядит следующим образом. У Вас он может выглядеть по-другому. Главное обратите внимание на то, что записи разделяются запятыми (строки 5 и 9).
Ссылки для редактора Sublime Text:
Необходимые плагины:
AutoFileName – необходим для того, чтобы Sublime Text автоматически прописывал пути к файлам, например, к картинкам.
BracketHighlighter – плагин подсветки начальных и конечных элементов, например открывающего и закрывающего тегов, начальной и конечной кавычки, открывающей и закрывающей скобки и т.д.
ColorHighlighter – показывает образец цвета в коде. Например, на рисунке ниже рядом с записью color: #f00 появился желтый квадрат (образец цвета).
Emmet – позволяет с помощью сокращений писать команды кода. https://emmet.io/
Ссылка на справочник сокращений плагина Emmet – https://webdesign-master.ru/blog/html-css/2.html
Goto-CSS-Declaration – навигация в коде. Чтобы найти блок стилей для какого-либо класса в большом файле css, необходимо в html файле установить курсор на имя этого класса и нажать горячую клавишу. После этого в файле css курсор автоматически переместится в соответствующий блок стилей.
eCSStractor – плагин позволяет извлекать селекторы sass из html-кода. https://packagecontrol.io /packages /eCSStractor
а также цветовую схему Base16 Color Scheme и подсветку синтаксиса SASS.
Просмотреть все установленные плагины в Sublime Text можно командой Preferences – Package Settings