Раздел блога Инструменты
Установка Node.js на Windows 7
Привет! Рассмотрим установку Node.js на Windows 7 и протестируем его работу. При попытке установить последнюю версию Node.js на Windows 7, в моем случае v14.15.4 LTS (ссылка), возникает ошибка о том, что приложение поддерживается на Windows 8.1. и выше: Решение 1. Находим более раннюю версию, которая читать дальше…
Как добавить Node.js на OpenServer
Привет всем! Обращаться к Node.js из командной строки Windows, когда проект создается на OpenServer, неправильно, поскольку у последнего имеется своя консоль, через которую и логичнее работать. Подружить Node.js и OpenServer очень просто. Если у вас еще не установлен Node.js, то прочитайте статью Как установить Node.js читать дальше…
js и проверить его работуПривет! В этой статье расскажу, как установить Node.js. Причем не важно, какая у вас система — Windows или macOS. Node.js — это технология, программная платформа, позволяющая писать серверный код на языке JаvaScript. Она представляет из себя компилятор, построенный на движке V8, зашитый в Google Chrome. читать дальше…
Как сделать подсветку LESS в Sublime Text 3
Привет, друзья! Проходила курсы по основам Nodejs, Gulp и сейчас LESS, в которых было много примеров с less кодом. Этот код отображался белым цветом, потому что Sublime Text не понимал, что это за код. И почему бы сразу не поставить LESS, ведь сделать это очень читать дальше…
Урок 5. Gulp browser-sync & watch
Привет, друг! Плагин browser-sync запускает сервер, дает выполнить приложения и перезагружает все файлы самостоятельно, без нашего участия, а метод watch отслеживает обработку задач.
Когда мы вносим любые изменения в less файл, сборка файлов происходит динамически, налету. Это очень удобно, не нужно принудительно обновлять браузер или нажимать читать дальше…
Урок 4. Добавим ещё плагины Gulp
Привет! Продолжаю уроки по Gulp (здесь весь раздел). Сегодня установим плагины: gulp-clean-css — сжатие кода gulp-if — проверка на условия gulp-debug — отладчик Добавим html файлы в папку public, и сделаем это с помощью задачи gulp.task(‘html’): Плагин gulp-clean-css 1. Установим плагин gulp-clean-css для уменьшения / сокращения bundle.css.Команда в консоли: npm читать дальше…
Урок 3. Подключение плагинов и сборка LESS файлов
Привет! 🙂 В этом уроке говорим о подключении плагинов — именно они реализуют весь функционал для ускорения вёрстки. Все уроки по Gulp находятся в разделе Gulp, а предыдущий урок здесь.
1. Создаем src/less/index.less И пишем произвольные стили на less: 2. В gulpfile.js 2.1. Подключаем gulp-less читать дальше…
Урок 2. Работа с файлами
Здравствуй, друг! 🙂 В этом уроке рассматривается работа с файлами в Gulp, который должен быть установлен в проекте. Это продолжение, начало в первом уроке. 1. Создаем в корне проекта папку srs И уже в ней: 1.1. Папку js с файлами index.js и class.js 1.2. Папку читать дальше…
Урок 1. Что такое Gulp и его установка
Привет! С этой статьи / поста начинается серия моих конспектов, которые написаны во время прохождения курса по Gulp. Думаю, они могут быть полезны 🙂 GULP — это таск-менеджер (таск — task — задача) для автоматического выполнения часто используемых задач, написанный на языке программирования JavaScript. Программное обеспечение использует командную строку для запуска задач, читать дальше…
Генератор кнопок CSS
Всем привет! В продолжение темы инструментов веб-разработчика, напишу про онлайн генератор кнопки CSS.
Таких генераторов много. Сама – честно – не пользуюсь. Почему? Если сайт работает с Bootstrap, то в его арсенале имеются встроенные стили кнопок, которые легко переделать под себя. А если делаю верстку читать дальше…
Подписаться на новые статьи:
Sublime Text — Плагин SublimeCodeIntel
SublimeCodeIntel является важным плагином для редактора Sublime Text. Он предлагает следующие функции –
Функция перехода к символу, которая помогает пользователю перейти к файлу и указанной строке символа.
Включает библиотеку автозаполнения и отображает модули / символы в режиме реального времени.
Подсказки отображают информацию в строке состояния о связанной функции.
Функция перехода к символу, которая помогает пользователю перейти к файлу и указанной строке символа.
Включает библиотеку автозаполнения и отображает модули / символы в режиме реального времени.
Подсказки отображают информацию в строке состояния о связанной функции.
Монтаж
Вы можете установить плагин SublimeCodeIntel, выполнив следующие действия:
Шаг 1 – Получить функциональность установочного пакета редактора Sublime Text с помощью сочетания клавиш Ctrl + Shift + P в Windows и Cmd + Shift + P для системы OSX. Обратитесь к следующему скриншоту для лучшего понимания –
Шаг 2 – Теперь выберите плагин SublimeCodeIntel для установки и перезапустите редактор Sublime Text.
Шаг 3 – При успешной установке плагина SublimeCodeIntel ваш экран будет выглядеть так –
конфигурация
Существует две встроенные конфигурации SublimeCodeIntel –
- Настройки – по умолчанию
- Настройки – Пользователь
Обратитесь к следующему снимку экрана, который показывает эти конфигурации –
Конфигурация для SublimeCodeIntel включена в файл JSON с именем SublimeCodeIntel.sublime-settings . Конфигурация, необходимая для каждого языка, включена в плагин SublimeCodeIntel, как показано ниже:
/* Defines a configuration for each language.*/ "codeintel_language_settings": { "Python3": { "python3": "/usr/local/bin/python3.3", "codeintel_scan_extra_dir": [ "/Applications/Sublime Text.app/Contents/MacOS", "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch", "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs" ], "codeintel_scan_files_in_project": true, "codeintel_selected_catalogs": [] }, "JavaScript": { "codeintel_scan_extra_dir": [], "codeintel_scan_exclude_dir":["/build/", "/min/"], "codeintel_scan_files_in_project": false, "codeintel_max_recursive_dir_depth": 2, "codeintel_selected_catalogs": ["jQuery"] }, "PHP": { "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php", "codeintel_scan_extra_dir": [], "codeintel_scan_files_in_project": true, "codeintel_max_recursive_dir_depth": 15, "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.
5.3/"] } }
Эти конфигурации могут быть настроены по мере необходимости. Это зависит от количества модулей / библиотек, установленных пользователем, с различными параметрами, такими как размер и сложность проекта, над которым работает пользователь.
sublimetext2 — Sublime Text 3: Как установить плагины с Github
спросил
Изменено 2 года, 9 месяцев назад
Просмотрено 45 тысяч раз
Как установить плагины с github для Sublime Text 3? Я пытаюсь установить это. То, что я сделал до сих пор, это установка displayfunctions.py в Packages/Display-Functions/displayfunctions.py (я создал новую папку Display-Functions в папке Packages для хранения displayfuntions. ). Это все еще не работает. Как я могу это исправить?
py
- sublimetext2
- sublimetext
- sublimetext3
Этот процесс установки работает для любых плагинов Sublime-Text 2/3.
Выйти из Sublime
Перейти в папку
Пакеты:- Windows:
%APPDATA%\Sublime Text 3\Пакеты - OS X:
~/Library/Application\ Support/Sublime\ Text\ 3/Packages - Linux:
~/.config/sublime-text-3/Пакеты/
- Windows:
Выполнить: клон
git https://github.com/BoundInCode/Display-Functions.gitОткройте Sublime и попробуйте использовать.
5
В Sublime Text 3, если у вас уже есть Package Control, но пакет не отображается в Install Packages , например, ChainOfCommand , вам нужно «Добавить репозиторий», чтобы добавить пакет в Package Control, только тогда можно установить.
Вот пошаговый процесс:
В веб-браузере перейдите к вашему плагину, скопируйте URL-адрес git (должен заканчиваться на
.git).- для ChainOfCommand, это
https://github.com/jisaacks/ChainOfCommand.git
- для ChainOfCommand, это
В Sublime, управление открытым пакетом
Выберите
Управление пакетами: Добавить репозиторийВ нижней части окна Sublime появится поле ввода. Вставьте URL-адрес. И УДАЛИТЕ РАСШИРЕНИЕ .GIT ; нажмите Enter.
- Теперь репозиторий добавлен в Package Control, но не установлен
Снова откройте Управление пакетами (как в шаге 2).
Выберите
Управление пакетами: Установить пакетыТеперь вы сможете найти и установить ранее отсутствовавший пакет, то есть ChainOfCommand.
В качестве альтернативы, если у вас есть TortoiseGit, вы можете выполнить установку вручную:
Аналогично предыдущему, скопируйте URL-адрес (на этот раз включите .
git).В Sublime перейдите в «Настройки» > «Просмотр пакетов» (откроется папка «Пакеты»).
Щелкните правой кнопкой мыши пустое место в папке > Git Clone
Поскольку URL-адрес уже находится в буфере обмена, он должен автоматически появиться в URL-адресе окна Git Clone. Нажмите OK и вуаля, установлено.
2
Для Sublime text 3 я установил несколько пакетов с GitHub следующим образом:
Вы закончили и готовы использовать пакеты.
Обновление: спасибо @GMunguia за то, что помните предупреждение.
1
Так как этот плагин доступен через Управление пакетами, что я считаю наиболее удобным способом установки пакетов, вам следует изучить возможность его установки. Это широко поддерживаемый менеджер пакетов для Sublime Text 2/3.
2
Перейдите к
tools, затемпалитре команд., затем введите..
управление пакетами: установите пакети нажмите Enter. после этого введите имя пакета, который вы хотите. это очень просто
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Обязательно, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Установка — SublimeLinter 3.
4.24 документация Установка — SublimeLinter 3.4.24 документация
СамSublimeLinter — это всего лишь фреймворк для линтеров. Линтеры распространяются как независимые плагины Sublime Text 3.
SublimeLinter (и плагины для линтера) можно установить через плагин Package Control или из исходного кода. Я настоятельно рекомендую вам использовать Package Control! Он не только упрощает установку, но, что более важно, автоматически обновляет устанавливаемые плагины, что гарантирует, что вы получите новейшие функции и исправления ошибок.
Обновление с предыдущих версий
Если вы выполняете обновление до SublimeLinter 3 с предыдущей версии (включая ветку ST3), имейте в виду, что SublimeLinter 3 полностью переписан и является , а не заменой. Базовый функционал тот же, но есть ключевые отличия:
- Линтеры не входят в комплект, вы должны установить их — и бинарники, от которых они зависят — отдельно. Линтеры можно найти в Package Control с именем «SublimeLinter-
», например «SublimeLinter-jshint». 
- Настройки работают иначе.
- Вам больше не нужно использовать вуду настроек пути для поиска исполняемых файлов линтера. Все в вашей системе
PATHнаходится автоматически. - Большинство параметров можно настроить с помощью меню и палитры команд, что вам и рекомендуется делать.
- Десятки новых функций.
Предупреждение
SublimeLinter 3 — это , а не , заменяющий более ранние версии. Если вы переходите с более ранней версии SublimeLinter и не читаете документацию, вы запутаетесь и расстроитесь. Прочитайте документы.
Установка через Package Control
Чтобы установить SublimeLinter через Package Control, выполните следующие действия:
- Откройте палитру команд (
cmd+shift+pв Mac OS X,ctrl+shift+pв Linux/ окна). - Введите
installи выберитеPackage Control: Install Packageв палитре команд.
Будет пауза в несколько секунд, пока Package Control найдет доступные пакеты. - Когда появится список доступных пакетов, введите
linterи выберитеSublimeLinter. Примечание: Имя репозитория github — «SublimeLinter3», но имя плагина остается «SublimeLinter». - Через несколько секунд SublimeLinter будет установлен и загружен. В зависимости от вашей настройки вы можете увидеть некоторые подсказки от SublimeLinter. Дополнительные сведения о действиях при запуске SublimeLinter см. в разделе Действия при запуске.
- Вы увидите сообщение об установке. Прочитав сообщение, перезапустите Sublime Text 3.
Если у вас есть предыдущая установка SublimeLinter через Package Control, включая «SublimeLinter Beta», она должна быть правильно обновлена с новой версии. Если что-то пойдет не так, используйте Package Control, чтобы удалить SublimeLinter, а затем выполните описанные выше шаги, чтобы установить снова.
Примечание
SublimeLinter 3 включает , а не линтеры, в отличие от более ранних версий.
Вы должны устанавливать плагины линтера отдельно. Их можно найти в разделе «Управление пакетами».
с именем «SublimeLinter-
Установка из исходников
Я очень сильно отговариваю вас от установки из исходников. нет преимущества установки из исходного кода по сравнению с использованием управления пакетами. На самом деле, есть несколько недостатков, в том числе отсутствие автоматического обновления, отсутствие сообщений об обновлении и т. д.
Если вы настаиваете на установке из исходного кода, пожалуйста, не делайте этого, если вы не знакомы с командной строкой и не знаете, что делаете. Чтобы установить SublimeLinter из исходного кода, сделайте следующее:
Выйти из Sublime Text.
Если у вас есть предыдущая исходная установка по адресу
Packages/SublimeLinter, удалите ее.
Введите в терминале:
cd '/path/to/Sublime Text 3/Packages' клон git https://github.com/SublimeLinter/SublimeLinter3.git SublimeLinter
Перезапустите Sublime Text 3.
Вместо этого рассмотрите возможность использования Package Control!
Плагины ЛИНТЕР
Независимо от того, как вы устанавливаете SublimeLinter, после его установки вы захотите установить линтеры, соответствующие языкам, на которых вы будете программировать.
Предупреждение
Плагины Linter являются , а не частью SublimeLinter 3.
Плагины Linter — это отдельные плагины Sublime Text 3, размещенные в отдельных репозиториях. В организации SublimeLinter есть ряд официально поддерживаемых плагинов линтера. Также доступны сторонние линтеры.
Опять же, я настоятельно рекомендую вам использовать Управление пакетами для поиска и установки подключаемых модулей линтера. Чтобы установить подключаемые модули линтера в Package Control, выполните следующие действия:
- Откройте палитру команд (
cmd+shift+pв Mac OS X,ctrl+shift+pв Linux/Windows).
- Введите
installи выберитеPackage Control: Install Packageв палитре команд. Будет пауза в несколько секунд, пока Package Control найдет доступные пакеты. - Когда появится список доступных пакетов, введите
sublimeinter-. Вы увидите список плагинов, имена которых начинаются с «SublimeLinter-». Нажмите на плагин, который вы хотите установить. - Через несколько секунд плагин будет установлен и загружен. Затем вы увидите сообщение об установке с инструкциями о том, что вам нужно сделать, чтобы завершить установку.
- После прочтения инструкций перезапустите Sublime Text 3.
Предупреждение
Для большинства подключаемых модулей линтера требуется установить двоичный файл или библиотеку линтера и настроить PATH, чтобы SublimeLinter мог его найти. Вы должен следовать инструкциям по установке плагина линтера, чтобы успешно его использовать.
Если у вас возникли проблемы с установкой или настройкой SublimeLinter.

*/
"codeintel_language_settings": {
"Python3": {
"python3": "/usr/local/bin/python3.3",
"codeintel_scan_extra_dir": [
"/Applications/Sublime Text.app/Contents/MacOS",
"~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
"~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
],
"codeintel_scan_files_in_project": true,
"codeintel_selected_catalogs": []
},
"JavaScript": {
"codeintel_scan_extra_dir": [],
"codeintel_scan_exclude_dir":["/build/", "/min/"],
"codeintel_scan_files_in_project": false,
"codeintel_max_recursive_dir_depth": 2,
"codeintel_selected_catalogs": ["jQuery"]
},
"PHP": {
"php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
"codeintel_scan_extra_dir": [],
"codeintel_scan_files_in_project": true,
"codeintel_max_recursive_dir_depth": 15,
"codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.
git).
.. 
Будет пауза в несколько секунд, пока Package Control найдет доступные пакеты.
