Плагины php sublime text 3: Топ 75 Sublime Text 3 плагинов 2020

Содержание

Плохое автозаполнение в SublimeText3 при нажатии tab в массиве PHP

Я использую SublimeText3.

Когда я работаю в array в PHP, автозавершение, предлагаемое нажатием кнопки Tab , полностью раздражает меня.

Я просто хочу добавить некоторые таблицы, но каждый раз, когда я нажимаю Tab, sublimetext предлагает мне :

array(<list>)
Create a PHP Array.

Если а просто нажмет Tab еще раз, он подтвердит это предложение и запишет в файл <list> .

Я установил эти плагины :

{
    "installed_packages":
    [
        "Alignment",
        "ApacheConf.tmLanguage",
        "BracketHighlighter",
        "Comment-Snippets",
        "Comments Aware Enter",
        "eZ Publish Syntax",
        "HTML5",
        "jQuery",
        "LESS",
        "SublimeCodeIntel",
        "sublimelint",
        "Symfony2 Snippets",
        "Theme - Soda",
        "Twig"
    ]
}

Если кто-то знает, как отключить это плохое предложение или исправить его ?

Спасибо.

php

autocomplete

sublimetext3

sublime-text-plugin

Поделиться

Источник


kaal    

16 декабря 2013 в 17:08

2 ответа


  • Как пропустить столбец в datagridview при нажатии клавиши tab

    Есть ли способ пропустить определенные столбцы при нажатии клавиши tab / клавиши со стрелкой? Предположим , у меня есть три столбца ( col1 , col2 , col3 ). скажем, я был на col1 , я хотел бы пропустить col2 при нажатии клавиши tab. Как я могу это сделать?

  • Как сделать так, чтобы Ctrl+Tab при нажатии работал как Tab при нажатии в MultiLine TextBox?

    У меня есть TextBox и я установил свойство MiltiLine в true, а свойство AcceptsTab-в false. Когда TextBox имеет фокус и я нажимаю Tab, он работает нормально, и следующий элемент управления получает фокус, но когда я нажимаю Ctrl+Tab, он работает так, как будто свойство AcceptsTab имеет значение…



29

Обновление 01-29-14

На Github кто-то нашел лучшее решение, чем то, которое я опубликовал ранее. Новое решение .

Откройте your_packages_folder/SublimeCodeIntel/codeintel2/tree_php.py и добавьте массив в подсказку игнорировать массив вокруг строки 140.

php_ignored_calltip_expressions = ("if", "elseif",
                                   "for", "foreach",
                                   "while",
                                   "switch",
                                   "array"
                                   )

Старое решение

Я нашел временное решение на github .

Закомментируйте или удалите строку 100 & 101 в SublimeCodeIntel/codeintel2/tree_php.py

"array": "array(<list>)\n"
"Create a PHP array.",

Затем удалите папку ~/.codeintel в вашем пользовательском каталоге на OS X, не зная, где находится этот кэш на windows.

Поделиться


Matthew Nie    

02 января 2014 в 16:02



1

Только что начал использовать Sublime Text 3, и эта проблема беспокоит меня уже пару недель. Даже с «auto_complete_commit_on_tab»: false и «tab_completion»: false он сохранялся. В итоге я заглянул на форумы Sublime и нашел эту тему , которая предлагает вам добавить этот код в свои привязки ключей:

{ "keys": ["tab"], "command": "insert", "args": {"characters": "\t"}, "context":
    [
        { "key": "auto_complete_visible" },
        { "key": "setting.tab_completion", "operator": "equal", "operand": false }
    ]
}

По сути, он переназначает вашу клавишу tab, чтобы заставить вкладку вместо того, чтобы разрешить автозаполнение фрагмента.

Поделиться


Paul B.    

23 декабря 2013 в 19:47


Похожие вопросы:

Можно ли остановить tab-автозаполнение в Sublime Text 2?

Я использую Sublime Text 2 уже около 3 недель, рассматривая его для моего нового IDE. Однако одна особенность сводит меня с ума. Автозаполнение появляется примерно в 5 раз чаще, чем мне это нужно, и…

Фокусировка следующего элемента управления при нажатии клавиши ‘TAB’

У меня есть DataGridView, где я вручную управляю сфокусированными ячейками при навигации с помощью клавиши Tab . Например, когда первая ячейка из последней строки является последней ячейкой, по…

Как поймать winform при нажатии клавиши TAB

Я разработал элемент управления сеткой и хочу, чтобы при нажатии Tab он перескакивал с одной ячейки на другую. Проблема в том, что независимо от того, какое событие я подозреваю или переопределяю на…

Как пропустить столбец в datagridview при нажатии клавиши tab

Есть ли способ пропустить определенные столбцы при нажатии клавиши tab / клавиши со стрелкой? Предположим , у меня есть три столбца ( col1 , col2 , col3 ). скажем, я был на col1 , я хотел бы…

Как сделать так, чтобы Ctrl+Tab при нажатии работал как Tab при нажатии в MultiLine TextBox?

У меня есть TextBox и я установил свойство MiltiLine в true, а свойство AcceptsTab-в false. Когда TextBox имеет фокус и я нажимаю Tab, он работает нормально, и следующий элемент управления получает…

Автозаполнение формы при нажатии на ссылку

У меня есть эта страница. У него есть страница под названием services.php. У меня есть несколько кнопок (сделанных из классов), которые принадлежат к разным ценам package, которые я предлагаю. Я…

Удалить заполнитель при нажатии кнопки tab

У меня есть textarea, который имеет заполнитель. Чтобы сделать работу в интернете explorer, я должен включить placeholder.js. Дело в том, что я сталкиваюсь с проблемой, когда я нажимаю tab key…

как запустить событие при нажатии клавиши TAB в wpf c#?

Когда я нажимаю клавишу Tab или shift+tab, сообщение отображается, но я хочу показать это сообщение только тогда, когда я нажимаю клавишу tab, а не клавишу shift+tab. Как определить это событие…

Автозаполнение имен пользователей при нажатии кнопки TAB

Я работаю над функцией autocomplete usernames when TAB is pressed. Мне удалось обнаружить @ и выполнить поиск в списке имен пользователей. Как выполнить автозаполнение теперь, с другим…

JQuery автозаполнение не работает при нажатии кнопки/ссылки

У меня есть ниже код, который вызывает автозаполнение jquery JSON при нажатии кнопки. Он работает так, как ожидалось, только в самый первый раз, автозаполнение вызывается, когда я нажимаю на…

Sublime Text — подробный обзор редактора с выбором плагинов

Sublime Text  — идеально подходит профессиональным программистам. Профессиональные пользователи этого инструмента уже знают, какие плагины подходят. Но если вы новый пользователь, который только начал использовать этот инструмент, то перечисленные плагины помогут повысить уровень производительности за счет более быстрого кодирования.

О Sublime Text

Sublime Text — это кроссплатформенный текстовый редактор, разработанный для пользователей, которые ищут эффективный, но минималистский инструмент для редактирования кода. Редактор, конечно же, прост, в котором отсутствуют панели инструментов или диалоговые окна.

Пристальный взгляд изнутри показывает мощный текстовый редактор, в который загружены плагины, умные функции автозаполнения и многое другое.

Официальный сайт Sublime Text

Инструменты Sublime Text

Sublime Text предлагает множество функций, которые упрощают компиляцию кода.

  • Goto Anything — это удобная функция, которая позволяет легче получать доступ к файлам. Для перехода к аспектам скомпилированного кода, таким как символы, строки или слова, требуется всего несколько действий.
  • Сопоставление скобок — это функция, которая позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
  • Множественное выделение — это удобный инструмент, который позволяет быстро менять строки кода на ходу. Изменяйте имена переменных или даже файлов.
  • Наличие мощного Python API в Sublime выделяет текстовый редактор среди конкурентов. Мощный встроенный API позволяет Sublime достигать большей функциональности, позволяя плагинам расширять встроенную функциональность.
  • Кроссплатформенность — Sublime Text доступен на нескольких клиентских компьютерах, включая Windows, Mac и Linux.

Преимущества и недостатки Sublime Text

Преимущества

  • Sublime Text — это легкий текстовый редактор, который подойдет любому программисту. Программа сделана со скоростью, находящейся в ее основе. Особенность программы в ее скорости и отзывчивости пользовательского интерфейса.
  • В редакторе доступно множество плагинов, которые интегрируются в одном месте.
  • Полностью настраиваемый — текстовый редактор создан, чтобы позволить конечному пользователю легко «поиграть» с ПО на свой лад. Sublime позволяет настраивать множество функций, включая: привязки клавиш, меню, фрагменты, макросы и многие другие. Кроме того, изменяйте внешний вид, настроив свои темы для ПО.
  • Кроссплатформенная поддержка — в редакторе доступна на большинстве распространенных настольных клиентов, включая Windows, macOS и Linux.
  • Sublime с открытым исходным кодом, соответственно бесплатный. Но в то же время, ПО также можно купить – по желанию. Важно отметить, что бесплатная версия работает просто отлично.
  • С редактором, вы можете комфортно переключаться между различными файлами. К тому же, благодаря функции Goto Anything, доступ к которой получаете непосредственно с клавиатуры с помощью клавиш Ctrl или Command + P.
  • Простота в использовании. Редактор подходит для любого пользователя, независимо от уровня его опыта.

Недостатки

  • При поддержке плагинов, к сожалению, некоторые их них в редакторе все еще глючат. Необходимо требовательно подходить к выбору плагинов

Плагины для Sublime Text

Emmet

Emmet — один из самых популярных плагинов Sublime Text 3, который загружен более 4 миллионов раз по всему миру. Вместо использования JavaScript этот плагин работает с CSS и HTML, что упрощает работу пользователей.

В результате, это позволяет добавлять коды через сниппеты, что значительно ускоряет весь процесс для программистов. Плагин требует базовых знаний HTML и CSS.

Alignment

Sublime Text 3 позволяет программистам записывать коды на разных компьютерных языках, таких как JavaScript, CSS, PHP и прочие. К тому же, этот плагин Alignment для редактора Sublime Text 3 позволяет быстро выровнять коды. Выделяйте строки текста, а затем используйте этот плагин для выравнивания кодов.

Довольно трудно выровнять сотни и тысячи строк кода по одной вручную в текстовом редакторе.

Advanced New File

Этот инструмент позволяет создавать новые файлы быстрее. Конечно, мы используем папки и меню для добавления новых файлов на главную страницу кодирования, но этот процесс занимает немного времени.

Если вы работаете над проектом, который завершается в кратчайшие сроки, то этот плагин Advanced New File для вас подходит.

Gutter

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

Плагин GitGutter позволяет программистам добавлять подсказки или размечать коды с помощью ссылки на источник. Кроме того, используйте этот плагин для сравнения ваших файлов на главной странице кодирования.

Package Control

Если вы являетесь постоянным пользователем инструмента Sublime Text 3, тогда плагин Package Control является наиболее важным для вас. Плагин управления пакетами позволяет легко устанавливать, просматривать, загружать, обновлять плагины и пакеты в редакторе.

Этот мощный плагин прост и понятен и хорошо работает с кодами, чтобы быстро находить и устанавливать пакеты.

DockBlockr

DockBlockr — еще один важный инструмент, доступный для профессиональных кодов, которые используют редактор. Этот инструмент облегчает утомительную задачу документирования ваших кодов, предоставляя простую и оптимизированную функциональность.

К тому же, инструмент позволяет пользователям добавлять базовые документы, парсинг функций, параграфы и другие элементы, включенные в строки кода.

Terminal

Terminal — еще один полезный плагин для пользователей Sublime Text 3. Этот плагин помогает открывать терминалы прямо со страницы, на которой вы сейчас работаете. В результате, вам не нужно закрывать текущее окно или запускать какой-либо другой инструмент в компьютерной системе.

Терминал находится в списке лучших плагинов года для пользователей Sublime Text 3. Этот плагин также повышает производительность, так как экономит много времени и дает достаточно времени для работы над основной частью кода вашего проекта.

Sublime Linter

Sublime LinterSublime Linter — необходимый плагин для кодов и программистов, работающих в команде для конкретного проекта. Этот плагин заботится о каждом члене команды, предоставляя подходящую основу для проекта.

Установка

  1. wget -qO — https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add —
  2. sudo apt-get install apt-transport-https
  3. Вводим команду echo «deb https://download.sublimetext.com/ apt/stable/» | sudo tee /etc/apt/sources.list.d/sublime-text.list для выбора стабильной версии программы, или же «дэв» версии echo «deb https://download.sublimetext.com/ apt/dev/» | sudo tee /etc/apt/sources.list.d/sublime-text.list .  «Дэв» или же версия для разработчиков отличается от обычной (стабильной) версии тем, что в ней тестируются новые функции, но в то же время могут возникнуть системные ошибки
  4. sudo apt-get update && sudo apt-get install sublime-text

Вывод

Sublime Text — по достоинству является одним из самых популярных текстовый редакторов. Мы перечислили все типы полезных плагинов, которые помогут работать быстрее и эффективнее в вашем проекте. Достойную конкуренцию редактору составляет ПО с открытым исходным кодом Atom. Подробнее о тестовом редакторе Atom в этой статье.

Sublime Text 2 обзор и плагины/plugins

Редактор Sublime Text 2 на сегодняшний день является достаточно популярным и продолжает перетягивать на свою сторону поклонников с других редакторов, например Notepad++. В первую очередь он привлекает внимание своей красотой, анимацией и несколькими вкусными плюшками в виде кучи плагинов и функций.

О редакторе

ST2 написан на С++ , а плагины, макросы и настройки  на  Python. В целом отличный редактор, явно делался с оглядкой на  TextMate. Вот тут его можно скачать. Цена – 59$ но можно пользоваться бесплатно, периодически будет выскакивать предложение его купить, что мало отвлекает.

Есть версии как под Windows 32/64 так и под линукс 32/64, а также версия под Mac. Для Win есть и портабл версии. В нем используется fuzzy-поиск (нечёткий поиск), это когда вбивается всего несколько первых символов и редактор догадывается что вы ищите.

Включена поддержка ActionScript, ASP, Batch File, C#, C++, CSS, D, Erlang, Go, Graphviz, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Makefile, Markdown, Matlab, Objective-C, OCaml, Perl, PHP, Python, R, Rails, Regular Expressions, Ruby, Scala, ShellScript, SQL, TCL, Text, Textile, User, XML, YAML. Также в редакторе есть макросы, Поддерживается система сборки приложения. Предусмотрена загрузка пакетов из GitHub, BitBucket и пользовательских JSON / репозиториев. Сохранение отдельных проектов, проверка синтаксиса, линейка, окончание строки под Unix, MacOs, Win и многое другое.

Приятные особенности в Sublime text 2:

Удобное меню команд

Оно может быть вызвано с помощью Ctrl + Shift + P на Windows и Linux, или Control + Shift + P на MacOs.


Есть модная штучка minimap/миникарта

Отображает дополнительный ползунок прокрутки в виде миникарты всего кода. Можно поставить плагин ASCII-Decorator (либо через package control). Суть его в том, чтобы отделить куски кода – пишем например текст FORM HERE жмем alt+shift+K и у нас рисуется ascii арт который хорошо виден на мини карте.

Левое/боковое  меню

Отображает древовидную структуру файлов папки открытого проекта и открытые файлы. Вкладка View -> Show Side Bar.

Довольно удобная панелька. Можно перетащить в нее папку с проектом и тогда помимо навигации можно будет прям на панели создавать, переименовывать, удалять файлы и папки.


Сниппет — как правило их применяют для более простого чтения кода функций, которые без них выглядят очень перегруженными деталями, либо для удаления повторения одного и того же общего куска кода.

Если вы где то ввели переменную, в дальнейшем начиная писать ее имя редактор сделает предложение использовать написанное ранее имя переменной.


Настройки осуществляются через пункт меню Preferences->Global Settings-Default, либо Preferences->Global Settings-User. Их не очень много, можно посмотреть файл настроек.

Иконки – см мою подборку красивых значков для sublime text 2

Быстрое переключение между файлами – Ctrl+P, или Command + P в маке, введите имя файла, который вы хотите получить (fuzzy поиск), и, даже не нажав Enter, вы мгновенно перенесетесь в этот файл. Vim и другие приложения, такие как PeepOpen предлагают аналогичную функциональность, но они не так быстры, как Sublime.

Мультивыбор/мультиредактирование – с множественным выбором, вы можете иметь несколько указателей на странице. Это может существенно снизить потребность в использовании регулярных выражений, а также расширенный поиск и замену.

Чтобы включить множественный выбор, у вас есть несколько вариантов:

— Нажмите Ctrl или Command, а затем нажмите в каждом месте, где нужно установить курсор.

— Наведите курсор на определенное слово и кликните 2 раза чтобы его выделить, удерживайте кнопку Ctrl , чтобы выбрать дополнительные вхождения этого слова.

— Кроме того, добавить дополнительный курсор на все вхождения слова, набрав Alt + F3 на Windows, или Ctrl + Command + G на Mac.

Также зажав на нужной строке Ctrl+Shift стрелками вверх вниз можно перемещать эту строку вверх или вниз.

Package Control

Пожалуй, должен быть в обзоре первым. С его помощью легко устанавливать плагины и темы, а также удалять их.

http://wbond.net/sublime_packages/package_control

установка http://wbond.net/sublime_packages/package_control/installation

Полнофункциональный менеджер пакетов, который помогает выявлению, установка, обновление и удаление пакетов для Sublime Text 2. Он оснащен автоматическим обновлением и поддерживает GitHub, BitBucket и репозитории.

Таким образом можно поставить кучу плагинов на любой вкус, например плагин Zen Coding.

Zen Coding (Emmet) — это набор плагинов для текстовых редакторов, которые ускоряют написание кода на HTML, XML, XSL и других языках. Теперь называется Emmet. Проект Вадимома Макеева активно разрабатывается Сергеем Чикуенком, а также сообществом пользователей Zen Coding http://ru.wikipedia.org/wiki/Zen_Coding

Активизация по клавише TAB. Например в html документе вы пишете такую строчку

.head>#nav>ul#menu>li*4 и жмем TAB получим:

Hayaku – еще один маст хэв плагин, на подобии zen coding для CSS. Например чтобы не писать overflow:hidden; достаточно написать oh или o:h или ovhi или overfl:hidn и так далее. Или из h20 получим height:10px; из w50p выйдет width:50%; из f:l как вы уже наверное догадались float:left; Подробнее посмотрите на офф сайте: http://hayakubundle.com/

Отступы

Дают возможность гораздо легче ориентироваться на страничке и форматировать код . Sublime Text 2 предлагает эту возможность, через плагин созданный Николаусом Wittensteinом.

Alignment

Также один из популярных плагинов, предназначен для выравнивания знаков равенства «=» http://wbond.net/sublime_packages/alignment

Проще всего поставить плагин через Package Control , для этого жмем Ctrl+Shift+P начинаем писать слово install, пока не подсветится строка Package Control: Install Package, и жмем Enter. Начинаем писать Alignment чтобы найти плагин, и как только найдем его жмем Enter. Теперь зажав Ctrl ставим курсоры перед всеми знаками = которые хотим выравнять и затем жмем Ctrl+Shift+A. Готово

Для поклонников VIM

Вы можете включить Vintage режим, который обеспечивает поддержку для команд Vi

Чтобы включить режим Vintage, перейдите в Preferences/Global Settings – Default. После этого файл открывается, перейдите в самый низ, и измените “ignored_packages”: [«Vintage»] на “ignored_packages”: []. Затем перезагрузите Sublime, нажмите клавишу Escape, и тада: командный режим!

Полное погружение в редактирование

F11 – это почти fullscreen режим как и в большинстве редакторов. Если вам нужен хардкор режим, то нажмете Shift+F11 чтобы его включить. Эта опция доступна через меню View -> “Enter Distraction Free Mode”, или для Mac клавиатуры, Ctrl + Shift + Ctrl + F. Код будет расположен как бы по серединке, и больше ничего лишнего.

Возможность использовать пакеты от редактора TextMate

TextMate сниппеты и темы прекрасно портируются в Sublime Text. Вам нужно только положить их в папку Packages -. tmbundle расширение менять не надо, Sublime будет распознавать эти файлы сам. Это означает, что весь каталог TextMate тем будет отлично работать в Sublime!

sublime 1251 крякозябры

Если вы пытаетесь открыть файл с кодировкой 1251, то иногда открытый текст может отобразиться крякозябрами. Чтобы это пофиксить надо зайти в меню Настройки -> Установки по умолчанию. Найти там строчку fallback_encoding: “Western (Windows 1252)” и поменять ее на fallback_encoding: “Cyrillic (Windows 1251)”.

Полезные ссылки для Sublime text 2


Краткое руководство по Sublime Text

Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.

Установка

Скачать установочные файлы можно на официальном сайте продукта. У приложения есть версии для OS X, Windows и Linux.

Удивительно, но столь функциональное приложение весит всего лишь чуть более 7 мегабайт. Установка мгновенна и не требует участия пользователя.

Пользоваться продуктом без ограничений функций можно бесплатно, но приложение иногда очень ненавязчиво напоминает о необходимости приобретения лицензии. Sublime Text один из немногих продуктов, который своим высочайшим качеством вызывает непреодолимое желание поделиться своими кровными с разработчиками. Тем более что текстовый редактор настолько хорош и стоит гораздо больше, чем те $70, которые за него просят.

Если имеются трудности с пониманием английского языка, можно установить плагин для русификации меню. Подробнее об установке плагинов будет рассказано ниже.

Основы использования

При запуске программы открывается безымянный текстовый файл.

В левом нижнем углу отображается строка и символ, на котором сейчас находится курсор. При наборе текста в Sublime кажется, будто клавиши под пальцами становятся мягче и процесс печати идет резвее.

Если подвести указатель мыши к верхней стороне экрана, то отобразится меню. В разделе File можно сохранить текущий документ или открыть новый для редактирования.

Файл можно сохранить под любым расширением.

И в большинстве популярных кодировок:

Верно и обратное. В Sublime можно открыть файл с любым расширением и кодировкой.

К слову, в Sublime вся введенная информация сохраняется автоматически. Текстовый редактор крайне редко принудительно завершает работу (у меня это было один-единственный раз, когда я пыталась сделать 20 тысяч замен символов в тексте одной командной), но даже в таком случае ни один напечатанный символ не пропадет.

Перемещение по документу

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

Переставить курсор на определенную строку или символ можно с помощью меню Goto.

Если полоса прокрутки случайно убежала далеко от местоположения курсора, то выручит пункт меню Scroll – > Scroll To Selection.

Но самая мощь Sublime ощущается при использовании закладок. Добавить закладку в текст можно с помощью пункта меню Goto -> Bookmarks -> Toogle Bookmark. Перемещаться между закладками можно с помощью команд Next Bookmark и Previous Bookmark.

Поиск и замена

Если выбрать пункт меню Find ->Find, то внизу экрана появится панель поиска.

C окошком для ввода искомых символов и кнопками в правой части экрана все понятно. Разберемся для чего нужны иконки в левом нижнем углу экрана.

Самая левая кнопка включает поддержку регулярных выражений. Объяснять что это такое и зачем они нужны в этой статье не будем. Об этом лучше почитать у Джеффри Фридла.

Следующая за ней кнопка делает поиск чувствительным к регистру.

Кнопка с двумя кавычками настраивает поиск на нахождение только точных совпадений. Пример: на запрос “7” найдется только ” 7 “, а “87” и “78” не найдется.

По умолчанию, поиск идет в тексте начиная от текущего положения курсора и далее вправо и вниз (по ходу чтения). Кнопка с перевернутой стрелкой позволяет сменить это направление на противоположное.

Рядом с белым окном находится кнопка, которая подсвечивает все найденные в тексте совпадения. А кнопка слева от нее ограничивает область поиска выделенным фрагментом.

Аналогичная панель появляется при вызове пункта меню Find -> Replace.

Палитра команд

Для повышения продуктивности многие команды можно запускать из палитры команд, которая открывается из пункта меню Tools -> Command Palette.

Темы

Стандартный внешний вид Sublime безупречен. Для тех кто с этим не согласен есть пара десятков дополнительных тем оформления. Они доступны из пункта меню Preferences – > Color Sheme.

Настройки

Настройки Sublime меняются путем редактирования текста конфигурационного файла. К каждому параметру прилагается как минимум один абзац пояснений, что позволяет без труда разобраться что к чему. Обратите внимание, что выбранную тему оформления тоже можно менять через текст конфигурационного файла.А теперь перейдем к функциям Sublime, которые делают его великолепным редактором кода.

Подсветка синтаксиса

Подсветка синтаксиса в этом текстовом редакторе выглядит просто волшебно. Вот, к примеру, немного PHP и SQL:А вот HTML + JavaScript:

Sublime Text умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.

  • AppleScript;
  • ActionScript;
  • C;
  • C++;
  • C#;
  • CSS;
  • D;
  • Dylan;
  • Erlang;
  • HTML;
  • Groovy;
  • Go;
  • Haskell;
  • Java;
  • JavaScript;
  • LaTeX;
  • Lisp;
  • Lua;
  • Markdown;
  • MATLAB;
  • OCaml;
  • Perl;
  • PHP;
  • Python;
  • R;
  • Ruby;
  • SQL;
  • TCL;
  • XML;
  • YAML.

Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.

Если вам нужно подсвечивать Brain Fuck, Fortran или еще какую-нибудь экзотику, то можно написать для этой цели собственный плагин или установить уже готовый.

Автодополнение кода

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

Стоит ввести в Sublime один символ, как он тут же предложит варианты завершения строки:

Для людей которые любят называть переменные наподобие “$moyPosledniyZimniyDenKogdaYaKatalsyaNaKonkah” эта функция бесценна.

Сворачивание кода

Если при взгляде на код голова кругом идет от иерархии циклов и условий, то значит это плохой код чтобы в нем разобраться без Sublime не обойтись. Слева, в том месте где отображается нумерация строк возле начала циклов и условий есть засечки, которые позволяют скрывать ненужные блоки кода. Для PHP эта функция работает отлично:

Сниппеты

Сниппет – это фрагмент кода или текста для многократного использования. В пункте меню Tools -> Snippets есть несколько десятков сниппетов для веб-разработчиков.

При желании можно создавать собственные сниппеты и использовать коллекции чужих сниппетов.

Проекты

Еще одна замечательная функция Sublime, которая пригодится не только программистам — возможность объединить несколько файлов в один проект, что позволяет открывать и закрывать эти файлы одним движением руки, а также применять к ним групповые операции.

Чтобы отобразить в Sublime боковую панель с обозревателем файлов необходимо перетащить нужную папку на поле для набора текста.

Теперь можно сохранить выбранные файлы в виде проекта с помощью пункта меню Project -> Save Project As. После этого файлами можно манипулировать как отдельным проектом.

Сочетания клавиш

Для каждой команды в Sublime есть сочетание клавиш, которое позволяет мгновенно ее запускать. Их очень легко выучить, так как они написаны возле соответствующего пункта меню.

Макросы

Для автоматизации своих действий в Sublime не нужно знать ни одного языка программирования. Ведь есть функция записи активностей пользователя. Для начала записи макроса необходимо выбрать пункт меню Tools – > Start Record Macro и выполнить необходимые действия.

Для запуска записанного макроса используется команда Playback Macro. Записанный макрос можно сохранить под расширением sublime-macro и делиться им с другими пользователями.

Vim

Гарантированный способ повысить скорость набора кода — научиться работать в текстовом редакторе vim, который существует уже почти четверть века. Он позволяет работать с текстом не притрагиваясь к мыши или трекболу. Это повышает производительность труда как минимум на треть. Задача освоения vim не самая простая, но она стоит того, чтобы за нее взяться.

Для работы в режиме Vim, в стандартной комплектации Sublime есть плагин Vintage Mode. По умолчанию он находится в неактивном состоянии. Включить его можно прописав в конфигурационном файле значение true для параметра vintage_start_in_command_mode.

"vintage_start_in_command_mode": true

И указать каким образом будет производиться вход и выход из vim режима:

{ "keys": ["j", "j"], "command": "exit_insert_mode",
    "context":
    [
        { "key": "setting.command_mode", "operand": false },
        { "key": "setting.is_widget", "operand": false }
    ]
}

Если вы пока еще не работали с vim, то велика доля вероятности что вам стоит научиться это делать. Вот эту картинку можно поставить на рабочий стол и в минуты размышлений созерцать ее и запоминать комбинации клавиш для vim/Vintage Mode для Sublime:

Плагины

Скачать различные плагины для Sublime можно на сайте Package Control. Вот небольшая подборка дополнений, которые на мой взгляд являются самыми полезными:

  • Package Control. Это дополнение позволяет управлять всеми плагинами для Sublime;
  • Git. Плагин для работы с популярной системой контроля версий;
  • Terminal. Использование командной строки в разы ускоряет работу с файлами проекта;
  • Alignment. Выравнивает отступы в HTML, CSS, JavaScript и PHP;
  • Trimmer. Убирает лишние пробелы;
  • ColorPicker. Мгновенно подбираем цвет и вставляем в текст его шестнадцатеричный код;
  • MarkdownEditing. Удобная подсветка синтаксиса Markdown.

Написать свой плагин для Sublime может любой разработчик, владеющий языком Python. Подробнее о Sublime API и написании плагинов можно прочитать в статье How to create a Sublime Text 2 Plugin.

Где искать дополнительную информацию

На русском языке

На habrahabr.ru можно найти много интересных статей по тегам Sublime и Sublime Text 2.

Есть сайт с русскоязычной документацией по Sublime, но на данный момент на нем довольно мало информации.

На английском языке

О новых версиях можно почитать в официальном блоге продукта.

У пользователей Sublime Text есть форум, на котором за все время создано около 15 тысяч тем и каждый человек может задать свой вопрос.

О Sublime Text издана отдельная книга, которая содержит самое полное руководство по использованию текстового редактора. Стоит она 40 долларов, но ее авторы гарантируют, что это скромная инвестиция окупится мгновенно.

Для владельцев iOS-девайсов:

Поделиться ссылкой

Поставьте 5 звезд внизу статьи, если нравится эта тема. Подписывайтесь на нас Telegram, ВКонтакте, Instagram, Facebook, Twitter, YouTube.

Загрузка…

Расширения для sublime text 3

Правильный набор плагинов может повысить эффективность работы в любом приложении. Если вы являетесь веб-разработчиком, работающим с Sublime Text 3 Package Ccontrol , мы настоятельно рекомендуем внимательно ознакомиться с рассмотренными в этой статье плагинами:

  • Package Control ;
  • HTMLPrettify ;
  • Emmet ;
  • Bracket Highlighter ;
  • jQuery ;
  • Case Conversion .

Package Control

Это плагин позволяет легко находить, устанавливать и обновлять другие пакеты. Его нужно установить первым. Это упростит работу со всеми другими плагинами.

  1. Перейдите по ссылке https://packagecontrol.io/installation и скопируйте команду, которая будет выглядеть примерно так:
  1. Нажмите Ctrl — обратный апостроф (; `), чтобы открыть Sublime Text Console :
  1. Вставьте команду и нажмите Enter .
  1. После запуска команды вы увидите небольшое всплывающее окно с предупреждением:
  1. Нажмите « ОК ».
  2. Закройте и перезапустите Sublime Text .
  3. Нажмите Ctrl-Shift-P в Windows , чтобы открыть « Панель команд ».
  4. Введите команду Package Control , чтобы просмотреть все команды:

Мы будем использовать Package Control Sublime Text для остальных плагинов.

HTMLPrettify

Принимает длинные строки HTML , CSS , JavaScript и JSON и форматирует их так, чтобы вы могли их прочитать, а не пытались разобраться в сплошном наборе текста.

  1. Нажмите Ctrl-Shift-P в Windows , чтобы открыть « Панель команд ».
  2. Введите команду Package Control , чтобы просмотреть все команды. Выберите Package Control: Install Package . На экране появится меню доступных плагинов:

  1. Нажмите на HTML-CSS-JS Prettify . Данное название немного отличается, но это тот же плагин.

Emmet

Это плагин раньше назывался Zen Coding . Он позволяет писать сокращенные коды HTML и CSS . Например, набрав следующее:

И нажав клавишу tab , вы получите:

После установки Emmet с помощью Sublime Text Package Control перезапустите Sublime Text .

Чтобы Emmet работал, необходимо установить синтаксис для документа. Иначе он работать не будет:

Теперь проверьте. Введите следующее:

И нажмите tab . Вы получите:

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

BracketHighlighter

Плагин подсвечивает скобки и теги. После установки с помощью Sublime Text Package Control install можно щелкнуть в любом месте JavaScript или HTML-кода , и увидеть в левом столбце открытие и закрытие скобок:

JQuery

Плагин jQuery подсвечивает корректный синтаксис методов jQuery и предоставляет фрагменты кода для его завершения:

Case Conversion

Позволяет переключаться между snake_case , camelCase , PascalCase и т. д. После установки плагина с помощью Package Control ( введите « pic » для быстрого доступа к Install Package ), попробуйте:

Нажмите: ;;c, затем ;;c

Обратите внимание, что это не будет работать должным образом, если вы попытаетесь преобразовать целую строку.

Привет, друзья! По многочисленным просьбам обновил руководство по быстрой настройке редактора кода 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 файлах.

Установка внешнего оформления 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 вручную, перейдите на GitHub страницу плагина, скачайте и распакуйте его в любое удобное место на вашем диске. Далее в Sublime Text выбираем пункт меню Preferences > Browse Packeges. Откроется папка пользовательских данных на вашем диске. Скопируйте сюда папку, содержащую файлы Buffer Scroll и перезапуститие Sublime Text. Теперь плагин работает.

Тонкая настройка редактора, пресет моих настроек

Переходим к настройкам Sublime Text.

Предтавляю мой пресет настроек, который я всегда использую для стартовой настройки редактора Sublime Text на новом рабочем месте или после переустановки системы. Вы можете использовать данный пресет в вашем редакторе и кастомизировать его при необходимости:

Код пресета для пользовательских настроек (Preferences.sublime-settings | Preferences > Settings) — отдельно:

Код пресета для пользовательских клавиатурных сокращений (Default (Windows).sublime-keymap | Preferences > Key Bindings) — отдельно:

Теперь при выделении и по нажатию Alt+Shift+F ваш код будет автоматически выравниваться отступами с соответствующей иерархией вложенности элементов.

Разместив данные сниппеты в соответствующих файлах настроек вы получите полностью готовый к рабое, настроенный Sublime Text или можете настроить редактор под себя. В настройках есть два поля — левое с дефолтными настройками и правое с пользовательскими. В дефолтных настройках вы можете увидеть подсказки к каждому свойству и применить его в правой части скопировав и установив своё значение.

Узнать какое свойство за что отвечает довольно просто — все свойства имеют интуитивно понятные наименования на английском языке. Любое свойство из большого обилия доступных настроек можно просто перевести на русский язык и понять, что оно означает.

Для того, чтобы сделать бэкап всех ваших настроек и быстро развернуть Sublime Text на другом рабочем месте, достаточно скопировать папку

«C:Users<Ваш пользователь>AppDataRoamingSublime Text 3»
в потаённое резервное место на вашем диске или на флешку, а затем разместить у другого юзера или на другом компьютере в этой-же директории под пользователем.

Также дополнительно на ваше усмотрение можно отключить миникарту справа и скрыть меню. Это можно сделать перейдя в меню View > Hide Minimap и View > Hide Menu. Показать меню можно нажатием клавишы Ctrl на клавиатуре.

Премиум уроки от WebDesign Master

Создание современного интернет-магазина от А до Я

Создание контентного сайта на Jekyll от А до Я

Я — фрилансер! — Руководство успешного фрилансера

Плагины для Sublime Text пишутся на языке Python. Сам по себе язык очень простой и если вы программист, то вам не составит труда его выучить. Если нет, то тоже не беда, так как скорее всего под Вашу задачу плагин уже написан.

На данный момент существует два метода установки плагинов в программу:

  1. Варварский. Достаточно просто скачать из интернета необходимый плагин и закинуть его в соответствующую папку. Но это не корректные метод из-за этого мы на нем останавливаться не будем.
  2. Через Sublime Package Control

Перед тем, как начать инсталлировать плагины нужно установить Sublime Package Control, об этом читаем тут.

Для установки плагинов нужно:

  1. открыть командную строку, нажав комбинацию клавиш: ctrl+shift+p ;
  2. в строчке вводим Install Package и жмем ентер;
  3. снизу в открывшемся поле вводим название плагина, например: emmet;
  4. нажимаем enter и ждем конца установки, там появится экран с кучей строчек;
  5. Готово.

(см инструкцию на 3 скринах)

Рассказывать о том, какие плагины популярны, а какие-нет особого смысла нет, так как в Sublime пишут на нескольких десятках языков программирования и под каждый язык есть свои плагины.

Но так как основная масса людей, выбирающая этот редактор пишет на php мы все же рассмотрим несколько.

Чуть ранее в примере мы установили этот плагин. Он очень сильно ускоряет разработку сайтов. Для того, что бы понять, что он делает в правом нижнем углу вместо Plain Text выберим PHP. Теперь в редакторе ставим ! и нажимаем TAB.

Еще можно ввести: .wrapper нажимаем tab, как видем у нас появился div.

Для того, что бы сделать меню на 10 ссылок можно написать следующее, после чего нажать tab: .menu>ul>li*10>a[href=#]

В левой части «!+tab» , в центральной части «.wrapper + tab», а в правой части «menu>ul>li*10>a[href=#] + tab» Думаю, что суть уловили.

Позволяет создавать новые файлы. Устанавливаем плагин, открываем правый сайд бар (view – side bar –show side bar), далее нажимаем комбинацию клавиш ctrl+alt+n и пишем index.php, как видим файл создался, и это очень быстро и удобно.

Brackethighlighter

По умолчанию если мы стоим, например на каком то div, то очень тяжело заметить закрывающий тег, так как он подчеркнут слишком бледно. Brackethighlighter.

Заметно, что подчеркнут яркой белой линией.

Color Highlighter

Подсказывает цвет кода, то есть по умолчанию нам не ясно, какого цвета будет код #224f43, а плагин подчеркивает код тем цветом, которым он является. Более того если мы кликнем по коду, то он выделит его этим цветом.

Gotocss Declaration

Помогает найти и перейти на нужный элемент css прямо из html кода. Нужно просто правой кнопкой мыши кликнуть по элементу, к которому применяется этот стиль и выбрать Go To CSS Declaration

У нас Вы можете скачать последнюю версию текстового редактора под все ОС.

Plugins Sublime text для PHP

Cuando empezamos a usar sublime text 2 или 3 nos vemos en la necesidad de instalar plugins для ser mas eficientes en el trabajo, acortando algunas tareas que son básica y otras no tanto, como por ejemplo , por ahi algunos snipptes и т. д.

hoy quiero recomendarte algunos plugins for el uso de sublime text con PHP sea mas efectivo, este lenguaje que nos acompaña hace mucho y que muchos otros lenguajes han tratado de minimizarlo pero Detrás y un gran soporte en la internet.

Package Control

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

Phpcs

PHP_CodeSniffer — это соединение скриптов PHP; основной скрипт phpc, который токенизирует PHP, JavaScript и CSS для обнаружения нарушений установленного кода, и второй скрипт phpcbf для автоматического изменения кода.PHP_CodeSniffer — это надежный элемент, обеспечивающий постоянное соответствие требованиям.

Conoce sobre Phpcs

SublimeLinter

este es uno de los plugins of sublime text masado, este previene errores de sintextis aligual que el plugins anterior Phpcs. la differencia es que se puede ejecutar en segundo plano, por lo que tan pronto que tengas un error lo sabeas al instante.

Conoce sobre SublimeLinter

DocBlockr

DocBlockr — это пакет для Sublime Text 2 и 3, который содержит подписку на море документов.DocBlockr поддерживает JavaScript (включая ES6), PHP, ActionScript, Haxe, CoffeeScript, Letra de imprenta, Java, Apex, Groovy, Objective C, C, C ++ и Rust.

Conoce sobre DocBlockr

PHPUnit Completions

Это плагины для работы с функциями автозаполнения для кода PHP.
PHPUnit Terminaciones

PHPUnit

Этот плагин предназначен для исправления ошибок, связанных с единым целым, в Sublime frente, где вы можете использовать линию команд.
lo bueno de este plugin es que proporciona una forma rapida de simplemente correr una prueba, o una clase de pruebas. Por lo general, estoy constantemente corriendo конъюнкто де todo un módulo de pruebas en el terminal, este plugin me salva de tener que escribir todo el comando de terminal sólo para una sola prueba.

PHPUnit Terminaciones

GotoDocumentation

Подключаемый модуль Sublime Text для выбора документации, выбранной для работы с предыдущей версией «F1».сопорта PHP, JS / CoffeeScript, HTML, CSS / SASS / LESS, Python (через pydoc), Clojure Go
Ruby (+ Rails), C / C ++, Perl, C #, Lua, Postgres, Erlang, Smarty, Haskell. también puedes añadir cualquier otro lenguaje través de la configuracion
PHPUnit Terminaciones

phpcs | PHP CodeSniffer, PHP Coding Standard Fixer, Linter и поддержка детектора беспорядков для Sublime Text

Это плагин для Sublime Text, который предоставляет отчеты в стиле проверки с использованием следующих инструментов (все необязательно):

  • PHP_CodeSniffer (phpcs)
  • ЛИНТЕР (php -l)
  • Детектор сообщений PHP (phpmd)
  • Scheck (scheck, часть цепочки инструментов Facebook pfff)

Вы также можете настроить плагин для устранения проблем, используя

  • Исправление стандартов кодирования PHP (php-cs-fixer)
  • Приложение PHP Code Beautifier (phpcbf)

Требования

Требования для этого плагина, если вы хотите, чтобы все параметры работали:

  • PHP_CodeSniffer 3.5+ (потенциально работает с более ранними версиями, но это не было протестировано) — Установить
  • PHPMD 2.8+ (потенциально работает с более ранними версиями, но это не тестировалось) — Установить
  • PHP CS Fixer версии 2.6+ (потенциально работает с более ранними версиями, но не тестировался) — Установить

Этот плагин был протестирован на:

  • Mac OS X 10.8.2
  • Ubuntu 11.10
  • Windows 7
  • Sublime Text 2
  • Sublime Text 3

Установка

Используйте управление пакетами Sublime Text (Настройки -> Управление пакетами -> Установить пакет -> Phpcs), чтобы установить этот плагин.Это рекомендуемый путь установки.

или

Просто проверьте репозиторий git в «~ / Library / Application Support / Sublime Text [НОМЕР ВЕРСИИ] / Packages / или в аналогичную папку в Windows или Linux.

  cd ~ / Library / Application \ Support / Sublime \ Text \ 2 / Packages /
git clone git: //github.com/benmatselby/sublime-phpcs.git Phpcs
  

В обоих случаях вам может потребоваться настроить следующее с фактическим путем к приложению:

  • «phpcs_php_path»
  • «phpcs_executable_path»
  • «phpmd_executable_path»
  • «php_cs_fixer_executable_path»

Они не являются обязательными для плагина.Путь должен включать приложение, такое как «/ usr / local / bin / phpcs».

Чтобы получить путь к приложению (в среде на базе Mac / Linux), вы можете использовать:

  какие штуки
какой phpmd
какой php-cs-fixer
какой phpcbf

  

Характеристики

  • Возможность запуска PHP_CodeSniffer
  • Возможность запуска php -l для открытого файла
  • Возможность запуска PHP Mess Detector для открытого файла
  • Возможность запуска Scheck на открытом файле
  • Показать кешированные результаты PHP_CodeSniffer в открытом файле
  • Показать ошибки на быстрой панели
  • Показать ошибки в желобе
  • Выделите ошибки в редакторе
  • Показать ошибку для данной строки в строке состояния
  • Возможность задания регулярного выражения ошибок линтера
  • Возможность указать расположение приложения PHP_CodeSniffer
  • Возможность указать местоположение приложения PHP Mess Detector
  • Возможность запуска инструмента PHP Coding Standards Fixer, который устраняет большинство проблем в вашем коде, если вы хотите следовать стандартам кодирования PHP, определенным в документах PSR-1 и PSR-2.
  • Возможность запуска инструмента PHP Code Beautifier, который устраняет большинство проблем в вашем коде, если вы хотите следовать стандартам кодирования PHP.

После того, как вы щелкнете правой кнопкой мыши по файлу и выберете «PHP CodeSniffer»> «Понюхать этот файл…», вы получите результат, как показано ниже (в зависимости от заданных вами настроек):

Конфигурация

Вы также можете определить конфигурацию для следующих настроек, будь то настройки проекта, пользовательские настройки или настройки по умолчанию:

Плагин

  • show_debug — Вы хотите, чтобы отладочная информация отправлялась на консоль?
  • extensions_to_execute — Для каких типов файлов вы хотите, чтобы плагин выполнялся?
  • extensions_to_blacklist — переопределите extension_to_execute, если у вас есть дополнительное расширение, такое как twig.php и т. д.
  • phpcs_execute_on_save — Вы хотите, чтобы плагин сниффера кода запускался при сохранении файлов php?
  • phpcs_show_errors_on_save — Вы хотите, чтобы ошибки отображались в quick_panel при сохранении?
  • phpcs_show_gutter_marks — Вы хотите, чтобы ошибки отображались в желобе?
  • phpcs_outline_for_errors — Вы хотите, чтобы ошибки выделялись в редакторе?
  • phpcs_show_errors_in_status — Вы хотите, чтобы ошибки отображались в строке состояния при нажатии на строку с ошибкой?
  • phpcs_show_quick_panel — Вы хотите, чтобы ошибки отображались в быстрой панели?
  • phpcs_php_prefix_path — требуется в Windows для приложений на основе phar.Также, если вы не можете сделать phar исполняемым файлом. По возможности избегайте
  • phpcs_commands_to_php_prefix — Список команд, для которых путь php должен быть префиксом. Это было бы полезно, если у вас есть некоторые команды в качестве phar, которые не могут быть запущены без префикса php, а другие используют собственные команды.
  • phpcs_icon_scope_color — Какого цвета стилизовать иконку. Для этого необходимо знать тематику Sublime Test, поскольку он использует цвета области видимости из темы для «подкрашивания» значка точки. Смотрите здесь

PHP_CodeSniffer

  • phpcs_sniffer_run — Вы хотите, чтобы программа проверки PHPCS запускалась?
  • phpcs_command_on_save — Вы хотите, чтобы команда выполнялась при сохранении?
  • phpcs_executable_path — путь к исполняемому файлу phpcs.Если строка пуста, используйте PATH, чтобы найти ее
  • phpcs_additional_args — это дополнительная информация, которую вы хотите передать команде phpcs. Например, какой «стандарт» вы хотите запустить, и хотите ли вы показывать предупреждения или нет

PHP CodeSniffer Fixer

  • php_cs_fixer_on_save — Вы хотите запустить исправление при сохранении файла?
  • php_cs_fixer_show_quick_panel — Вы хотите, чтобы быстрая панель отображалась при выполнении?
  • php_cs_fixer_executable_path — Путь к приложению php-cs-fixer.
  • php_cs_fixer_additional_args — это дополнительная информация, которую вы хотите передать команде php-cs-fixer. Например, какие «ремонтники» вы хотите запустить

PHP Code Beautifier

  • phpcbf_on_save — Вы хотите запустить исправление при сохранении файла?
  • phpcbf_show_quick_panel — Вы хотите, чтобы быстрая панель отображалась при выполнении?
  • phpcbf_executable_path — путь к приложению phpcbf.
  • phpcbf_additional_args — это дополнительная информация, которую вы хотите передать команде phpcbf.Например, какой «стандарт» использовать для устранения проблем.

PHP ЛИНТЕР

  • phpcs_linter_run — Вы хотите, чтобы PHP линтер запускался?
  • phpcs_linter_command_on_save — Вы хотите, чтобы команда выполнялась при сохранении?
  • phpcs_php_path — путь к исполняемому файлу PHP. Если строка пуста, используйте PATH, чтобы найти ее
  • phpcs_linter_regex — Регулярное выражение для вывода PHP линтера

Детектор сообщений PHP

  • phpmd_run — Вы хотите, чтобы PHPMD запускался? Выключено по умолчанию
  • phpmd_command_on_save — Вы хотите, чтобы команда выполнялась при сохранении?
  • phpmd_executable_path — путь к исполняемому файлу phpmd.Если строка пуста, используйте PATH, чтобы найти ее
  • phpmd_additional_args — это дополнительная информация, которую вы хотите передать команде phpmd. Например, какие «наборы правил» вы хотите запустить

Шек

  • scheck_run — Вы хотите, чтобы приложение scheck запускалось? Выключено по умолчанию
  • scheck_command_on_save — Вы хотите, чтобы команда выполнялась при сохранении?
  • scheck_executable_path — путь к исполняемому файлу схемы. Если строка пуста, используйте PATH, чтобы найти ее
  • scheck_additional_args — это дополнительная информация, которую вы хотите передать команде scheck.

Примеры файлов настроек можно найти здесь

Настройки на основе проекта

Ваш файл .project должен выглядеть примерно так:

  {
  "папки": [{}],
  "настройки": {
    "phpcs": {
      "phpcs_additional_args": {
        «--standard»: «/path/to/.composer/vendor/drupal/coder/coder_sniffer/Drupal»
      }
    }
  }
}
  

Конечно, это пример применения сниффера кода Drupal. Это могло быть что угодно. Все, что у вас есть в настройках этого пакета, можно перезаписать в настройках -> phpcs

История изменений

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

10 основных подключаемых модулей Sublime Text для разработчиков JavaScript

В этой статье я выделю десять обязательных подключаемых модулей Sublime Text для разработчиков JavaScript, каждый из которых может улучшить ваш рабочий процесс и сделать вас более продуктивным.

Sublime Text — отличное приложение, которое может быть у любого разработчика в своем наборе инструментов. Это кроссплатформенный, хорошо настраиваемый расширенный текстовый редактор, который прекрасно сочетается между полнофункциональными IDE (которые, как известно, потребляют ресурсы) и редакторами командной строки, такими как Vim или Emacs (которые имеют крутые кривые обучения).

В последние годы Sublime получил желанную конкуренцию как со стороны Visual Studio Code, так и со стороны Atom, но Sublime Text по-прежнему сохраняет свои позиции, будучи бесспорно быстрее, имея возможность открывать файлы большего размера быстрее, чем другие.

Одна из вещей, которая делает Sublime таким замечательным, — это расширяемая архитектура плагинов. Это позволяет разработчикам легко расширять основные функции Sublime новыми функциями, такими как автозавершение кода или встраивание документации по удаленному API. Sublime Text не поставляется с плагинами, включенными из коробки: они обычно устанавливаются через сторонний менеджер пакетов, который просто называется Package Control. Чтобы установить Package Control в Sublime Text, следуйте руководству по установке на их веб-сайте.

Итак, приступим!

Конечно, первым в моем списке является плагин Babel. Этот плагин добавляет правильную подсветку синтаксиса в ваш код ES6 / 2015 и React JSX. После установки плагина первое, что вам нужно сделать, это установить его в качестве синтаксиса по умолчанию для всех типов файлов JavaScript и TypeScript.

Если вы еще не открыли для себя радость Вавилонской башни, я настоятельно рекомендую это сделать. Он позволяет компилировать код ES6 / ES7 / ESNext, JSX и TypeScript до ES5 для полной поддержки браузера.Он хорошо интегрируется со всеми популярными инструментами сборки и интерфейсом командной строки. Очевидно, что он не поддерживает устаревшие браузеры, но вы можете следовать советам на их странице предупреждений, если вам нужно поддерживать IE10 и ниже.

Следующим идет SublimeLinter, который обеспечивает потрясающую интеграцию ESLint и JSHint в Sublime. Линтер просматривает ваш код и проверяет, имеет ли он правильный стиль и правильный синтаксис, на основе файла конфигурации, который можно проверить с вашим исходным кодом. Неважно, новичок ли вы или большую часть жизни занимаетесь программированием: в JavaScript линтер просто необходим.Просмотрите ESLint или JSHint о страницах, чтобы узнать, что они могут для вас сделать. В зависимости от того, что вы выбрали для своего проекта, вам также потребуются вспомогательные пакеты SublimeLinter-eslint или SublimeLInter-jshint.

Для того, чтобы любой из них работал, вы должны включить линтер либо в зависимости вашего проекта, либо установить его глобально:

  npm install --save-dev eslint
  

Если вы не знаете, как использовать npm, ознакомьтесь с нашим руководством по началу работы с Node Package Manager.

Если вы установили и настроили его правильно, вы должны увидеть изменения при открытии или сохранении файла JavaScript. Плагин невероятно настраиваемый и может быть настроен на создание отчетов несколькими способами, которые могут быть лучше для вашего рабочего процесса. По умолчанию описание ошибок отображается в строке состояния в нижней части редактора.

Для тех, кто использует прочный каркас, созданный феноменальным Эваном Ю при работе с *.vue , вам понадобится дополнительная помощь, чтобы сделать ваш код читабельным. Vue Syntax Highlight может вам помочь.

Первым плагином в этом списке, который предназначен не только для JavaScript, должен быть SideBar Enhancements. По умолчанию в Sublime Text очень мало опций для управления файлами в дереве файлов боковой панели. Проще говоря, SideBarEnhancements исправляет это. Этот плагин, в частности, предоставляет опцию , переместить в корзину, для файлов и папок, , открываемую с помощью.. вариант и даже буфер обмена. Он также позволяет открывать файлы в веб-браузере, копировать содержимое файла как data: uri base64 (что особенно удобно для встраивания изображений в CSS) и предоставляет множество операций поиска. В качестве дополнительного бонуса он прекрасно интегрируется с SideBarGit, чтобы предоставлять команды Git прямо с боковой панели.

В связи с постоянно увеличивающимся размером баз кода JavaScript, разумные средства навигации по проекту и возможность манипулировать файлами проекта имеют важное значение.Поэтому этот плагин становится обязательным.

Вы или ваша команда предпочитаете полностью автоматизированный подход к линтингу, чтобы полностью гарантировать его безупречность? Тогда вы, вероятно, используете Prettier, самоуверенный форматтер кода. А если да, то было бы неплохо иметь возможность видеть изменения в файле, который вы редактируете в данный момент, и не ждать, пока сборка внесет изменения за вас? Здесь на помощь приходит Prettier. Этот плагин позволяет разработчикам запускать Prettier для текущего файла, который они редактируют, из Sublime.

Если вы не используете Prettier в качестве автоматизированного инструмента, этот плагин может оказаться полезным в качестве современной замены для других плагинов Sublime Text, таких как JsFormat, которые могут помочь улучшить читаемость сжатых файлов или просто плохие стандарты кодирования.

Однако, если вы уже используете ESLint для своего проекта, то ESLint-Formatter, вероятно, будет более полезным, поскольку он будет запускать eslint --fix в файле, который вы редактируете в данный момент.

Если вы работаете в команде или в среде, которая не требует чрезмерной индивидуальной настройки, этот плагин быстро станет вашим близким другом.Нет ничего более раздражающего, чем видеть изменение строки в коммите, которое ничего не делает с реальным кодом, но меняет простой, бесполезный пробел в конце строки.

Но если вы относитесь к тем людям, которые стараются сохранить свои плагины Sublime Text на более светлой стороне, вы можете просто добавить "trailing_spaces_trim_on_save": true в свои User Preferences , чтобы Sublime Text удалил их для вас при сохранении . Я предпочитаю просто видеть, где они находятся, вносить изменения сам, с дополнительным преимуществом, заключающимся в возможности улавливать их в других файлах, которые я явно не изменяю в то время.Даже если у вас включена эта опция, не помешает установить этот плагин… на всякий случай.

Если вы один из немногих, кто не использует Git для управления версиями, вы, вероятно, можете пропустить это. Но для тех из нас, кто таковыми, GitGutter может стать фантастическим дополнением к Sublime Text. Основные характеристики:

  1. Иконки с отступом , обозначающие вставленные, измененные или удаленные строки
  2. Diff Popup , с подробностями об измененных строках
  3. Текст строки состояния , с информацией о файле и репозитории
  4. Перейти к изменению , чтобы легко перемещаться между измененными строками.

Возможно, это не сильно улучшит ваш рабочий процесс, но это очень хорошее дополнение.

Этот плагин находится в конце этого списка, но он может быть одним из самых важных плагинов Sublime Text во всем этом списке. Все, что делает BrackHighlighter, — это добавляет значки резцов и цветовую кодировку в соответствующие скобки, скобки, круглые скобки или теги. Но что он на самом деле делает и что делает его таким важным, так это то, что он позволяет разработчикам поддерживать свое здравомыслие .

Если вы фанат кастомизации, этот плагин легко настраивается, чтобы он выглядел так, как вы хотите. Ознакомьтесь с их документацией для получения дополнительной информации.

Надеюсь, у вас есть хоть какая-то документация о том, что вы создаете, даже если это простой файл README.md в корне вашего проекта. А если да, то было бы неплохо иметь возможность предварительно просмотреть этот код Markdown перед его отправкой? Sublime Text по умолчанию включает в себя довольно хорошую подсветку синтаксиса Markdown, но в нем отсутствует какой-либо способ увидеть, как на самом деле отображается этот Markdown… что не всегда может быть тем, что вы планировали.

Sublime Text невероятно быстр, прост в использовании и просто мощен во многих отношениях. Но давайте будем честными: из коробки он выглядит не так уж и хорошо, особенно если сравнивать его с некоторыми из его конкурентов. Обычно я бы не подумал добавить тему в такой список, но в темах Sublime Text 3 нам теперь разрешено изменять значки файлов на боковой панели, и это прекрасно! Boxy — не единственная тема, которая может это сделать, но Boxy — это не просто одна тема: это их группа, и все они по-своему очень эстетичны.Если ничего из этого вам не нравится, Seti_UI также будет хорошим выбором.

Заключение

Итак, у нас есть десять основных плагинов Sublime Text для разработки JavaScript. Я призываю вас попробовать один или два из них и сообщить мне, как вы поживаете в комментариях.

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

Прежде чем я уйду, помните, что Sublime Text не является бесплатной программой. У него есть неограниченная пробная версия (с очень редкими экранами), но лицензия для одного пользователя стоит 70 долларов.Если вы проводите большую часть дня, работая с текстовым редактором, я бы сказал, что это достойное вложение!

10 основных расширений Sublime Text для разработчиков WordPress

Когда дело доходит до редакторов текста кода, за последний год или около того Sublime Text хорошо зарекомендовал себя как самый популярный и самый любимый редактор из существующих. Он легкий, супер-простой в использовании, поддерживает множество языков программирования, разделенные экраны редактирования, режим без отвлекающих факторов … Независимо от того, какая функция вам нужна, Sublime Text поможет вам!

В этом коротком посте мы выделили десять расширений Sublime Text для WordPress, которые помогут при разработке с всеми любимыми CMS.

5000+ тем, плагинов и веб-шаблонов WordPress

тем WordPress, тем WooCommerce, плагины, веб-шаблоны, шаблоны информационных бюллетеней и многое другое!

Одной из наиболее полезных функций Sublime Text 2 является его поддержка расширений / плагинов (или дополнительных пакетов, как их называет Sublime Text), которые помогут вам получить еще больше от редактора. Так что, не теряя больше времени, давайте продолжим и проверим расширения:

Если у вас установлен Package Control, вы можете установить все перечисленные ниже расширения непосредственно из Sublime Text 2 ( Preferences> Package Control> Install Package> Search... ).

Sublime Text Snippet Library для WP

Sublime Text Snippet Library для WP содержит различные сниппеты, которые вы можете использовать с Sublime Text при разработке для WordPress. Таким образом, это расширение гарантирует, что вы можете сосредоточиться на текущей задаче и оставить второстепенные задачи и более простые вещи для автозаполнения Sublime Text 2.

Бытие

Если вы работаете над разработкой темы WP с использованием фреймворка Genesis, это конкретное расширение Sublime Text может быть полезно для вас, поскольку оно содержит множество удобных фрагментов, с помощью которых вы можете использовать разработку дочерних тем Genesis, что немного проще.

Поиск по кодексу WordPress

Как следует из названия, Search WordPress Codex позволяет вам искать WP Codex из редактора. Кроме того, вы можете щелкнуть правой кнопкой мыши любую заданную функцию в коде, и это приведет вас к странице справки функции в Кодексе. Это может быть очень полезно, если вам нужно обратиться к Кодексу относительно данной функции или стиля кодирования.

Фрагменты возвышенного текста

Sublime Text Snippets — еще одно расширение, которое предоставляет вам различные фрагменты, связанные с WordPress.Некоторые из примечательных фрагментов, включенных здесь, — это пользовательский логотип для входа, пользовательские страницы администратора, пользовательский URL-адрес для входа, пользовательский текст нижнего колонтитула и т. Д.

Конфигурация нового проекта WordPress

Конфигурация нового проекта WordPress может сэкономить вам много времени каждый раз, когда вы запускаете новый проект WP. Таким образом, этот сценарий может создать новую папку с именем проекта, автоматически установить последнюю сборку WordPress, извлечь и установить выбранную вами стартовую тему, удалить темы WP по умолчанию и плагин Hello Dolly, создать базу данных и таблицу и, наконец, запустить свой проект в Sublime Text 2.

Sublime Text 2 WordPress

Sublime Text 2 WordPress — это простой набор фрагментов WordPress и автозаполнения.

Пакет WordPress TextMate

WordPress TextMate Bundle — это простой плагин, который может сэкономить много времени при работе с WordPress. Он имеет автоматическое завершение плагинов WP, сниппетов и других часто используемых фрагментов кода, что может помочь вам сэкономить много времени при разработке для WordPress.

Ознакомительные сведения о WordPress для Markdown

WordPress Readme to Markdown позволяет конвертировать файлы readme плагинов WordPress в Markdown.Учитывая тот факт, что Markdown является важным требованием при публикации в официальном репозитории, это расширение действительно может быть полезно для разработчиков, чьей сильной стороной является не Markdown.

Возвышенный PHPtidy

Sublime PHPtidy не специфичен для WordPress, но все же очень полезен. Он позволяет правильно форматировать PHP-код при работе с Sublime Text. По сути, это небольшое расширение гарантирует, что ваш код соответствует стандартам кодирования WordPress.

Sublime HTMLtidy

Исходя из того же происхождения, что и Sublime PHPtidy, Sublime HTMLtidy может помочь вам очистить и привести в порядок ваш HTML-код.Опять же, как и Sublime PHPtidy, это расширение также может гарантировать, что ваша работа не будет плохо закодирована.

CSSFormat

Плагин CSSFormat поможет вам отформатировать файлы CSS в соответствии с их собственным набором стандартов.

Мы пропустили какие-нибудь расширения? Дайте нам знать в комментариях ниже!

7 действительно полезных плагинов для Sublime Text (которые я на самом деле использую) »Solarise Web Development

Существует множество списков обязательных плагинов для Sublime text, но я подумал, что составлю небольшой список тех, которые я на самом деле используют в повседневной работе , и я чувствую, что это дает мне реальное повышение производительности .Надеюсь, некоторые из них вам действительно пригодятся.

Сначала установите Package Control

Чтобы использовать эти пакеты, я предполагаю, что вы знаете о диспетчере пакетов Sublime Text и о том, как устанавливать и настраивать плагины. Если нет, ознакомьтесь с этим простым небольшим руководством — оно не должно быть сложнее, чем быстрое копирование / вставка.

Установка пакетов через Package Control

После того, как вы установили Package Control, чтобы установить пакет, закройте панель команд (Инструменты> Палитра команд или воспользуйтесь сочетанием клавиш, e.грамм. Ctrl + Shift + P )

Введите «Установить», после чего должен появиться соответствующий элемент (Управление пакетами: Установить пакет), нажмите «Return», а затем после короткой паузы вам будет предложено начать вводить имя пакета. Введите в это поле любое из следующих имен пакетов, и вы сможете выбрать и установить их прямо из меню.

1. HTML-CSS-JS Prettify

Может потребоваться много времени для ручного форматирования кода, чтобы убедиться, что все ваши отступы правильные и правильные (не говоря уже о целых вкладках иаргумент пробелов) и, как правило, удобно иметь инструмент, который может быстро разобрать ваш клубок HTML или CSS и превратить его во что-то более визуально привлекательное.

Чтобы раскрыть контекстное меню Sublime, нажмите Alt-P (или любой другой ярлык, который вы настроили)

2. MarkdownEditing

Аккуратно отформатируйте файлы Markdown с максимальной шириной столбца, покажите эффекты, например, ** жирный ** или * курсивный * текст. Как правило, просто сделайте редактирование Markdown в Sublime более аккуратным и приятным.

ЗАРОЖДЕНИЕ

Markdown — отличный способ быстро создавать хорошо отформатированный контент, он легкий и портативный. Особенно в сочетании с таким плагином, как Pandoc, он значительно упрощает редактирование и управление документацией и контентом.

3. Pandoc

Если вы регулярно предоставляете документацию клиентам, это просто необходимо. Особенно, если вы хотите отправить им красиво отформатированные документы Word или PDF-файлы, это может стать настоящей проблемой, пытаясь поддерживать отдельные файлы в актуальном состоянии, а редактирование документов Word, особенно, может стать кошмаром форматирования.

С пакетом Pandoc для Sublime Text вы получаете доступ к быстрому способу быстрого преобразования различных форматов файлов в PDF, Word Docs, HTML и т. Д. В частности, я считаю очень полезным преобразование Markdown> PDF , так как это означает, что я могу хранить файлы уценки (маленькие, легкие, легко редактируемые), хранящиеся в моих файлах проекта, и быстро выводить удобный для клиента PDF-файл, когда мне нужно отправить им обновление.

Эти файлы можно отслеживать в системе контроля версий, и поскольку они не требуют дополнительных затрат на форматирование, например, e.грамм. Документы Word могут выступать в качестве простого способа отслеживать документацию по продукту, заметки или что-то еще, на что вы, возможно, захотите быстро ссылаться в ходе проекта.

Определенно один из моих любимых .

Это снова мы…

4. Эммет

На мой взгляд, это просто необходимо. Быстро расширяйте сокращенный синтаксис списка CSS для создания сложных структур HTML с атрибутами, именами тегов и т. Д. Удобный справочник можно найти здесь

Emmet — отличный инструмент для быстрого создания многословных макетов HTML.Особенно, если вам не нравится использовать слой абстракции HTML, такой как HAML, это простой способ быстро создавать шаблоны с нуля и отличная экономия времени.

Чтобы запустить автозаполнение Emmet, нажмите «Tab»

5. Текст Pastry

Текстовое тесто? Да. Я не совсем уверен, откуда взялось это название, но, по сути, этот плагин расширяет мощную функциональность Multi-Edit в Sublime Text, возможность редактировать несколько строк текста одновременно.

С помощью Text Pastry вы можете выполнять операции с несколькими строками с инкрементными свойствами .Например, вы можете добавлять увеличивающиеся числа к строкам, вставлять дни недели или создавать диапазоны дат и чисел.

Сначала это может показаться нелогичным, но как только вы освоите это в сочетании с таким плагином, как Emmet, вы действительно сможете улучшить свой рабочий процесс.

Примеры на этой гифке

Чтобы открыть поле ввода «Текстовое тесто», нажмите Ctrl + Alt + N (в Windows)

6. Терминал

Достаточно простой пакет, но полезный, если вы много работаете с командной строкой (например,грамм. выполнение задач с помощью таких инструментов, как Grunt или Gulp, или других систем на основе интерфейса командной строки, таких как инструмент Artisan Laravel или WP-CLI WordPress)

Все это обеспечивает быстрый и простой ярлык для открытия окна терминала в любом каталоге, в котором находится текущий файл, путем нажатия Ctrl + Alt + T (или любого другого ярлыка, который вы установили в разделе «Настройки»> «Пакеты»).

7. DocBlockr

Документация очень важна для больших проектов. Даже на меньших по размеру он может предоставить удобную справочную информацию при возврате к файлам и функциям после короткого или длительного отсутствия.

Существует несколько школ мысли о том, как лучше всего подходить к документации на PHP, но лучшее, что я нашел, — это DocBlock.

DocBlocks может быть неудобно печатать повторно, и это становится особенно трудоемким, если у вас много классов и методов. Этот небольшой плагин Sublime text позволяет легко выполнять автозаполнение. Просто введите / ** , затем нажмите Tab , и вы увидите симпатичный маленький предварительно заполненный DocBlock.

Заполните его значениями в соответствии с синтаксисом DocBlock, и все готово.

Чтобы запустить автозаполнение DocBlockr, введите `\ **`, затем нажмите `Tab`

Some« Nice To Haves »

Есть и другие пакеты, которые, хотя и не предлагают ничего лишнего в плане функциональности, добавляют приятный дополнительный слой блеска вашему опыту Sublime IDE.

  • Word Count — отображение количества обновлений слов в текущем открытом документе в строке состояния нижнего колонтитула
  • Улучшения боковой панели — Добавляет некоторые дополнительные функции на боковую панель, такие как улучшения процесса создания файлов, перемещения файлов, обновления и т. Д.Отличное дополнение к существующей функции просмотра файлов Sublime.
  • CanIUse — Веб-сайт CanIUse является важным ресурсом для интерфейсных разработчиков, чтобы проверить совместимость функций с рядом браузеров. Этот пакет добавляет функциональность прямо в пользовательский интерфейс через контекстное меню, чтобы вы могли быстро проверить совместимость любой функции.
  • ColorPicker — Реализует палитру цветов непосредственно в пользовательском интерфейсе Sublime, позволяя вам использовать собственный инструмент цвета ОС для добавления эталонных значений цвета непосредственно в ваш код.

Робин Меткалф — веб-разработчик, специализирующийся на разработке WordPress, Javascript и пользовательских фреймворках. Свяжитесь с нами по любым вопросам.

16 плагинов для Sublime Text, которые не используются

Теги
Возвышенный текст 3

Больше всего плагинов плагинов Sublime Text, без которых невозможно обойтись без реализации.Muy seguramente habrás trabajado ya con algunos de ellos, otros, te dedejarán asombrado. Empecemos pues.

Emmet

Clásico !. El Emmet — это унаследованные плагины с существующими плагинами. Es tal vez uno de los más conocidos y te ahorra mucho tiempo a la hora de maquetar. Состоит из серии ярлыков фрагментов, которые позволяют построить динамический HTML-код. Vemos este ejemplo:

Al dar clic en la tecla TAB, automáticamente se transforma en lo siguiente:

Alignment

Este plugin es bastamente útil cuando tienes deficiones de variables or arrayys y deseas caradenarreslas.Es decir, que se alinee el carácter = en todas las líneas. Vamos a ver un ejemplo para que quede másclaro.

  $ длина = 100;
$ width = 800;
$ minStepInline = 125;
  

Después de la alineación quedaría

  $ length = 100;
$ width = 800;
$ minStepInline = 125;
  

Pretty JSON

Desaortunadamante Sublime Text без использования алгоритмов естественного кодирования JSON.С этим плагином можно добавить больше строк JSON без порядкового номера. Básicamente, podemos convertir esto:

En esto:

Solo tienes que seleccionar el string JSON or situarte en la línea respectiva y teclear CTRL + Alt + J (Linux).

Color Highlighter

Этот плагин предназначен для определения цвета фона в архиве CSS или похожих.

Color Picker

Этот плагин позволяет использовать модальную службу для различных систем, работающих для выбора или изменения цвета, используемого для комбинации текстов CTRL + Shift + C (Linux) или CTRL + Shift + P (Windows).

Конечные пробелы

Te has dado cuenta exiten especios en blanco al final de algunas líneas de tu código?. Если вы хотите настроить Sublime Text в своей конфигурации, вы увидите, что последние версии файлов завершены:

. С плагином Конечные пробелы исключают ручные настройки или конфигурируют для того, чтобы убрать все, что нужно.

AutoFileName

Этот плагин включает в себя номер индикатора, разрешает автозаполнение номеров архивов ситуаций в системе директорий. Por defecto el autocompletado ser realizará tomando origen el archivo que estemos modificando. Включите автозаполнение и измените язык, измените стиль и т.д. Es una excelente herramienta y trae functions para las tareas más rutinarias como verificar differencias entre archivos, ramas, merge, commits, stash…

Fileicons

Este plugin colocará íconos en la parte izquierda de cada archivo para la mayoría de archivos conocidos.

SublimeCodeIntel

Эти плагины — это тип интеллектуального кода для обнаружения информации, относящейся к методу, типу объекта. Пермит определитель en donde fue declarado y cuáles son sus usos mediante un cuadro de diálogo.

SublimeLinter

Этот плагин отмечает ошибки синтаксиса языка. Алгоритм не найден для дефектного порта, который может быть установлен в дополнение к плагину SublimeLinter-php , который является дополнением для PHP.

ApacheConf

Этот плагин поддерживает визуализацию архива конфигурации apache.

INI

Этот плагин поддерживает визуализацию архива конфигурации .ini .

DockBlockr

Этот плагин создан для создания документации по контенту или всем элементам строительных лесов. Para generar el código debes digitar / ** y dar clic en la tecla TAB.

HTML-CSS-JS Prettyfy

Этот плагин позволяет идентифицировать код HTML / CSS / js, который был удален.Basicamente transforma esto:

En esto:

Этот плагин требует nodejs для функциональности, должен быть установлен и сконфигурирован для того, чтобы быть в состоянии непрерывного перехода в режим управления и для обеспечения возможности выбора. Существуют функции, которые вы используете для сочетания техник CTRL + Shift + H, чтобы описать их.

Materialise

Finalmente, aunque esta lista pudiera extenderse mucho más, te invito a que pruebes este espectacular tema que seguramente te encantará.Hasta pronto !.


Acerca de Darío Rivera

Ingeniero de desarrollo en


PlacetoPay

, Медельин. Darío ha trabajado por más de 6 nos en lenguajes de programación web especialmente
ru PHP. Creador del microframework
DronePHP базируется на Zend y Laravel.

Sólo aquellos que han alcanzado el éxito saben que siempre estuvo a un paso del momento en que pensaron renunciar.

Magento без IDE? Передай привет Sublime! • Inchoo

Все мы знаем о размере кодовой базы Magento и ее сложности. Это одна из причин, по которой большинство людей используют полноценные IDE для программирования Magento. Большинство ответов на вопрос «Какую среду IDE следует использовать для Magento?» или «какая среда разработки Magento лучшая?» включая больших мальчиков, таких как Eclipse , NetBeans и PhpStorm .Поскольку вы уже прочитали заголовок, вам может быть интересно: «Что может предложить мне текстовый редактор, такой как Sublime Text , для моей разработки Magento?». Ванильная установка? Немного, но с помощью нескольких плагинов, ну … Продолжайте читать, и вы, возможно, получите удовольствие.

Диспетчер пакетов

Если вы когда-либо использовали Sublime text, то наверняка сталкивались с его диспетчером пакетов . Это отличный инструмент, который позволяет вам выбирать из сотен доступных плагинов и устанавливать их в кратчайшие сроки.Это основа для безупречной настройки, и вы должны установить ее немедленно.

После установки у вас будет доступ к сотням замечательных плагинов. Но какие выбрать? Какие из них подходят для Magento / PHP / общей разработки? Вот те, которые я использую в повседневной работе.

CTags

Итак, вы привыкли к функциональности «, нажмите, чтобы перейти к определению, », которую предоставляет вам большинство IDE. К сожалению, в Sublime text нет этой функции.Но CTags здесь, чтобы помочь. Что он делает, так это генерирует индексный файл языковых объектов (например, имена методов, имена классов и т. Д.) И позволяет их легко найти. После того, как вы установили его из диспетчера пакетов (и прочитали инструкции по установке на github), вы должны создать свои теги. Это можно сделать с помощью пункта меню « Find> CTags> Rebuild Tags », но я предпочитаю привязку клавиш. Чтобы добавить привязку клавиш, добавьте ее в свой файл sublime-keymap («Настройки»> «Пользователь привязки клавиш»):

  [
  {"ключи": ["alt + shift + c"], "command": "rebuild_tags"},
  {"ключи": ["alt + shift + v"], "command": "navigate_to_definition"}
]  

Теперь вы можете создавать свои теги, нажимая alt + shift + c или любую другую комбинацию клавиш по вашему желанию.Через некоторое время (обычно ~ 30-40 секунд для проектов Magento) CTags создаст ваши теги, и вы сможете начать использовать их возможности. Как? Просто поместите текстовый курсор на имя класса или метода, нажмите комбинацию клавиш для команды «перейти к определению», и класс откроется автоматически. Что касается методов, если их имя уникально, они также будут автоматически открыты, но если есть другие методы с таким же именем, они будут показаны в списке, чтобы вы могли выбрать, куда идти. CTags — отличный пакет для повышения скорости кодирования.

SublimeLinter

Разве вы не ненавидите, когда вы какое-то время кодируете и обновляете браузер только для того, чтобы обнаружить, что у вас есть как минимум 5 синтаксических ошибок (отсутствие точек с запятой или печально известная ошибка Paamayim Nekudotayim)? «Этого бы не произошло, если бы я использовал Eclipse». , можно сказать. Не сдавайтесь, от этой проблемы тоже есть лекарство, оно называется SublimeLinter . Он поддерживает многие языки из коробки, включая PHP, поэтому это отличный инструмент в нашем арсенале инструментов. Чтобы он заработал, вам нужно добавить путь к установке PHP в его конфигурации.В моем случае это было так:

  "sublimelinter_executable_map":
{
  «php»: «/ usr / bin / php»
}  

Попробуйте сделать ошибку сейчас, и sublime встретит вас красной меткой ошибки и объяснением ошибки в строке состояния.

XMLLinter

Magento много использует XML. Прежде чем я узнал об этом плагине, я тратил много времени на отладку даже самых глупых синтаксических ошибок xml в Sublime text. Это было действительно больно. Но, к счастью, у нас есть плагин и для этого XMLLinter .Отсутствие закрывающего тега, неправильное написание имени тега и другие ошибки остались в прошлом, поскольку теперь мы можем мгновенно обнаруживать ошибки XML.

Пока все хорошо.

Фрагменты PHP

В Sublime text уже есть много фрагментов кода PHP из коробки, но еще несколько всегда пригодятся: дополнительных фрагментов PHP и PHP Completions Kit достаточно хороши. Я хотел бы отметить одну вещь: у меня были проблемы с запуском сниппетов в .phtml файлов. Решение состояло в том, чтобы изменить значение конфигурации «auto_complete_selector» по умолчанию, т.е. поместите этот

  "auto_complete_selector": "source, text"  

в свой файл ‘Preferences.sublime-settings’ (Preferences> Settings — User) , и он должен работать.
Вам нужен оператор «, если » в вашем .phtml ? Без проблем. Начни печатать.

Нажмите Enter и — poof :

XDebug

Если вы используете отладчик во время разработки, вам следует изучить пакеты, которые добавляют поддержку xDebug.Возможно это или может быть это .

Sublime-magento

Это плагин, в который я вносил свой вклад, не совсем оригинальное название — sublime-magento , но у него есть некоторые действительно приятные функции, такие как:

  • вставка правильного имени класса в простой нажатие клавиши (чтобы вам не приходилось писать его самостоятельно)
  • открытие пути к файлу в кавычках (особенно полезно для путей к шаблонам в файлах XML)
  • создание модуля (вставьте имя модуля, и он будет создан со всеми необходимыми файлами и конфигурация)
  • дополнительные фрагменты кода

С этими пакетами в вашем арсенале, все готово.У вас есть возможность решать даже самые сложные задачи, связанные с Magento. Но не будем на этом заканчивать. Мы разработчики, и нам нравится иметь чистый и аккуратный код. Кроме того, нам нравится, чтобы наша среда разработки выглядела хорошо (если не потрясающе), поэтому вот еще несколько плагинов, на которые вам действительно стоит обратить внимание, потому что они обеспечивают гораздо лучший опыт программирования в Sublime text.

AdvancedNewFile

AdvancedNewFile — довольно удобный плагин, который позволяет легко создавать файлы в вашем проекте.Не нужно прикасаться к мыши, просто поместите привязку клавиш. У меня это так:

  {"keys": ["shift + alt + n"], "command": "advanced_new_file_new"}  

SidebarEnhancements

Из коробки в возвышенном не так много параметры в контекстном меню щелчка правой кнопкой мыши. Чтобы исправить это, вы должны использовать SidebarEnhancements . Он обеспечивает усовершенствования операций на боковой панели файлов и папок, и это действительно здорово. Официально поддерживается только для Sublime text 3, но есть некоторые обходные пути, чтобы заставить его работать и в ST2.

GoToDocumentation

Если вы не совсем знакомы со стандартной библиотекой PHP или просто не можете запомнить порядок параметров в вызове функции, вам следует рассмотреть возможность использования подключаемого модуля GoToDocumentation . Наведите курсор на имя метода, нажмите назначенную клавишу, и в вашем браузере должна открыться страница документации, будь то PHP, HTML, CSS или любой другой поддерживаемый язык.

Конечные пробелы

Я действительно ненавижу конечные пробелы в коде, и вы тоже должны.С этот плагин вы сможете обнаружить и удалить их за считанные секунды. ВНИМАНИЕ: другие разработчики в вашей команде, вероятно, не заботятся об этом, поэтому вы можете начать их ненавидеть.

Код с конечными пробелами

Пакеты Git / Github

Если вы используете git без командной строки, вы можете использовать плагины Git и Github Tools . Просто найдите их в диспетчере пакетов.

Подсветка синтаксиса и темы

Несмотря на то, что подсветка синтаксиса по умолчанию в Sublime довольно хороша (тема monokai ), вы всегда можете найти то, что вам больше подходит.Мне очень нравится цветовая схема Phix и тема SODA Dark .

Есть много других советов и приемов для Sublime text, и было бы здорово написать о них тоже, но давайте оставим это как-нибудь в другой раз. Вы также могли заметить, что эти плагины (по крайней мере, те, которые были изначально) в основном связаны с серверной частью. В Sublime есть несколько хороших плагинов для внешнего интерфейса, например Emmet или jQuery . Я рекомендую вам просмотреть список пакетов в диспетчере пакетов и попробовать некоторые из них.Их действительно легко добавить и удалить.

ПРИМЕЧАНИЕ: все плагины были протестированы и работают на ST2, но они должны работать без проблем и в ST3.

Добавить комментарий

Ваш адрес email не будет опубликован.