Php плагины для sublime text 3: Топ 75 Sublime Text 3 плагинов 2020

Содержание

node.js - Консоль Sublime Text 3

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


Протестировано на

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

По причине того, что использую Windows, не рассмотрены такие решения, как Tint и fish-shell. Если не упомянул что-то ещё, можете добавить.


Терминология

В данном обзоре встроенная консоль Windows называется «консолью» или «внешней консолью» в зависимости от контекста. Согласно автору программы ConEmu называть её cmd.exe не совсем корректно:

В Windows есть встроенный терминал (или “консольное окно”) которое часто ошибочно называют “cmd.exe”. Нажмите Win+R и запустите, например, “powershell.exe”. Среди запущенных процессов не будет “cmd. exe”. В разных версиях Windows консольное окно создают разные процессы, в актуальных – это “conhost.exe”.

  Не ‘cmd.exe’, а просто ‘консоль’!



1. SublimePTY

Страница плагина. Разработка давно прекращена.



Для Sublime Text пишут плагины, облегчающие запуск только отдельных команд только для определённых инструментов программирования. Например, команды Git проще запускать с помощью плагинов Git, SideBar Git и Easygit (Не загружайте Easygit через Package Control, он не будет работать! Установите плагин вручную по ссылке). Так как в вопросе указана метка Node.js, приведу в пример плагин npm.


1. npm

Плагин, благодаря которому можно запускать многие команды npm — пакетного менеджера Node.js.

1. Демонстрация

2.

Недостатки
  • Баги. Не запускается ряд команд.


Общая оценка

Все решения хорошие, пользуюсь ими, но полностью внешние терминалы они не заменяют.


1. Glue

1. Оценка

Использую иногда.

2. Демонстрация

3. Установка и настройка

Скачиваем плагин через Package Control →

  • В открытом файле проекта Ctrl+Shift+PGlue - Launch.
  • Или же кликаете правой кнопкой мыши по папке в сайдбаре, в выпадающем меню выбираете Open Glue Terminal.

Откроется quick panel, куда следует вводить команды:

Появится файл terminal.glue. Без него никак, если мешает, можете добавить расширение glue в .gitignore, .hgignore или другой файл, который используется для игнорирования директорий/файлов в Вашей системе контроля версий.

Чтобы в выводе была хоть какая-то подсветка, скачиваем плагин PowerShellнастраиваем для расширения glue синтаксис PowerShell.

4. Достоинства

  • Не нужно выходить из Sublime Text, чтобы запускать команды,
  • Достаточно многофункциональный плагин,
  • Удобнее осуществлять навигацию по output, если тот большой, во вкладке, нежели в консоли.

5. Недостатки

  • Разработка прекращена, шанс, что ответят на Ваш багрепорт, минимален,
  • А багов, которые не воспроизводятся в других терминалах, достаточно. Так, не рекомендовал бы пушить изменения Git через Glue.
  • Лимиты. Cash в Glue не запустишь.

6. Дополнительные ссылки


2. SublimeREPL

Позволяет запускать REPL консоль для многих языков программирования во вкладке Sublime Text. В примере этого ответа написано, как настроить SublimeREPL для PowerShell.

1. Оценка

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

2. Демонстрация

3. Установка и настройка

Помимо самого SublimeREPL устанавливаем также плагины Suricate и PowerShell для настройки команды SublimeREPL и подсветки синтаксиса соответственно.

Инструкция по настройке команд в Suricate.

Ctrl+Shift+PSublimeREPL: PowerShell → если у Вас русская версия операционной системы, может вылезти всплывающее окно с примерно следующей ошибкой:

error: UnicodeDecodeError('utf-8', b'C:\\Users\\\x8a\xae\xe2', 9, 10, 'invalid start byte')

В таком случае перейдите в файл Default.suricate-profile (как — см. инструкцию, всё, что в ней есть, я буду опускать в данном ответе) → и вставьте следующий json-массив. Не путайтесь в JSON-синтаксисе, следите за правильной расстановкой кавычек, скобок и запятых.

// SublimeREPL PowerShell
"sublime_repl_powershell": {
    "caption": "SublimeREPL: PowerShell",
    "keys": ["super+alt+p"],
    "call": "sublime.repl_open",
    "args": {
        "type": "powershell",
        "encoding": "utf8",
        "cmd": ["powershell", "-"],
        "cwd": "$file_path",
        "external_id": "powershell",
        "syntax": "Packages/PowerShell/Support/PowerShellSyntax.
tmLanguage" } },

4. Параметры аргументов

  • type — тип. Означает, что во вкладке запустится консоль PowerShell, а не какая-либо другая вроде Python или Node.
  • encoding — кодировка.
  • cmd — запускаем PowerShell в консоли Windows.
  • cwd — указываем системную переменную. $file_path означает, что SublimeREPL PowerShell запустится в папке файла, находясь в котором мы запустили SublimeREPL PowerShell.
  • external_id
    • Во-первых, данным параметром определяется, как будет называться вкладка с PowerShell. Если оставить параметру пустое значение, "external_id": "", то во вкладке будет указан полный путь к файлу powershell.exe:
      Мы назвали вкладку powershell, но можно по-любому. Если подставите значение sashatriumph, ничего не должно поломаться:
    • Во-вторых, значение параметра external_id является именем файла, где хранится история команд, когда-либо вводимых Вами в SublimeREPL PowerShell.
      Файл c расширением .db располагается по пути Packages/User/.SublimeREPLHistory.
  • syntax — относительный путь к файлу синтаксиса для подсветки вкладки SublimeREPL PowerShell, начиная с Packages.

5. Достоинства

  • Не нужно выходить из Sublime Text, чтобы запускать команды,
  • Удобнее осуществлять навигацию по output, если тот большой, во вкладке, нежели в консоли.
  • Особенно нравится, что запоминаются все команды, которые когда-либо вводили.

6. Недостатки

  • Кодировки. Если приходится работать не только с английскими символами, ещё замучаетесь бороться с багами.
  • Разработка прекращена, шанс, что ответят на Ваш багрепорт, минимален,
  • Не всё, что работает в PowerShell, работает в SublimeREPL PowerShell. Например, Cash в Glue не запустишь. SublimeREPL PowerShell не получится заменить терминал полноценно.

7. Дополнительная ссылка


3. Terminality

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

1. Оценка

Использую для обучения Python и PHP.

2. Демонстрация

3. Установка и настройка

Загружаем плагин через Package Control → открываем файл hangman.py, вывод из которого собираемся осуществить, → Ctrl+Shift+PTerminality: Browse Commands...Run hangman.py — <sub><sup>Run hangman.py as Python 2.7 document</sup></sub> → видим результат в новой вкладке, включая время, потраченное на компиляцию, в сантисекундах. Обратите внимание, что пунктом меню Run hangman.py as Python3 запускается команда python3, при выборе Run hangman.py — команда python. Даже когда у Вас установлен Python 3, а не Python 2, если исполняемый файл Python называется python.

exe, а не python3.exe, выбирайте Run hangman.py — <sub><sup>Run hangman.py as Python 2.7 document</sup></sub>.

4. Достоинства

  • Не нужно выходить из Sublime Text, чтобы запускать команды,
  • Удобнее осуществлять навигацию по output, если тот большой, во вкладке, нежели в консоли.
  • Активно поддерживается разработчиками.

5. Недостатки

6. Дополнительные ссылки



Достоинства и недостатки относятся уже к вызываемым в Sublime Text терминалам, а не самому Sublime Text.


1. Консоль/GNOME Terminal

1. Установка и настройка

Устанавливаем плагин Suricate. Ctrl+Shift+PSuricate: Open Terminal Here... → откроется новое окно с консолью для Windows и GNOME Terminal для Linux соответственно в директории с тем файлом, который был у Вас открыт, когда запускали терминал.

2. Параметры и их значения

Как выглядит конфигурационный файл Suricate:

// Open terminal.
"open_terminal_here": { "call": "Suricate.lib.process.spawn", "caption": "Open Terminal Here...", "flags": "Windows|Linux", "args.windows": {"cmd": ["start", "cmd.exe"], "working_dir": "${file_path}"}, "args.linux": {"cmd": ["gnome-terminal"], "working_dir": "${file_path}"}, },

(В оригинальном массиве также есть параметры/значения "group": "launch", |IsFile, "context_menu": true, каковые я опустил в силу того, что считаю их излишними.)

  • flags — параметр, при помощи которого можно задать различные аргументы для операционных систем или систем управления версиями.
  • args.windows и args.linux — параметры запуска терминалов Windows и Linux.

Дополнительная ссылка


2. Запуск любого предпочтительного терминала

Для примера возьмём, как запустить Git Bash из Sublime Text.

1. Установка и настройка

Устанавливаем плагин Suricate → в файл Default.

suricate-profile добавляем следующий код:

//  Запустить Git Bash
"git-bash": {
    "call": "Suricate.lib.process.spawn",
    "args.windows": {
        "cmd": ["C:\\Program Files\\Git\\git-bash.exe"],
        "working_dir": "${file_path}"
    },
    "caption": "Git Bash",
    "keys": ["<c>+super+keypad3"],
},

Ctrl+Shift+PSuricate: Git Bash → должен открыться Git Bash в директории с тем файлом, который был у Вас открыт, когда запускали Git Bash из Sublime Text.

2. Дополнительная ссылка


3. Плагин Terminal

1. Описание

Кроссплатформенный плагин, позволяющий открывать из Sublime Text любой терминал, который лично Вы считаете наиболее предпочтительным. В Windows по умолчанию запускается PowerShell. После установки плагина доступны 3 варианта запуска:

  • Из command palette,
  • Из контекстного меню сайдбара,
  • Шорткатом. Многим пользователям не нравится, что задействуется сочетание, по умолчанию используемое для переоткрытия последней закрытой вкладки, можете перезаписать шорткат в файле пользовательского кеймапа.

Вызываются две команды:

  • open_terminal — открывает терминал в папке, где лежит файл, вкладка с которым была открыта, когда запускали терминал.
  • open_terminal_project_folder — возможно, работает некорректно. Актуальное поведение:
    • Если Вы запустили команду, из файла, который находится в верхней папке Вашего сайдбара или её подпапках, терминал запустится в этой верхней папке. Например, мой сайдбар:

      Когда я запускаю open_terminal_project_folder, например, из файла E:\Киролайна\SashaFolder\SashaFile.txt, терминал откроется в E:\Киролайна.
    • Но когда Вы запускаете команду из файла, не имеющего отношения к верхней папке Вашего сайдбара — в моём случае E:\Киролайна, — поведение команды open_terminal_project_folder аналогично поведению open_terminal.

2. Настройка

Вы можете указывать параметры запуска Вашего терминала. Положим, хотите всегда запускать консольный эмулятор cmder только из директории E:\SashaSublime.

Для упрощения работы с настройками Sublime Text скачиваем плагин Preferences Editor. Ctrl+Shift+PEdit Preferences: Edit Settings...Terminalterminal → в открывшуюся quick panel вставляете путь к исполняемому файлу cmder.exe вместе с именем файла, например, E:\Chocolatey\tools\cmder\Cmder.exeEnter. Далее Ctrl+Shift+PEdit Preferences: Edit Settings...Terminalparameters → между квадратными скобками вставляем "/START", "E:\\SashaSublime"Enter. Обратите внимание, что если значения заключены в [квадратные скобки], необходимо экранировать слэши: E:\Chocolatey\tools\cmder\Cmder.exe, но E:\\SashaSublime.

Теперь после запуска любой из команд — open_terminal либо open_terminal_project_folder должен открыться Cmder. exe в папке E:\SashaSublime.

Также предусмотрена возможность одним шорткатом запускать один терминал со своими параметрами, вторым хоткеем запускать другой терминал с другими параметрами и т. д. Читаем здесь.

3. Дополнительные ссылки


4. ConEmu

Для лучшей, по мнению пользователей англоязычного Stack Overflow, консоли для Windows есть свой плагин. См. также плагин для Cmder — немного изменённого ConEmu.

1. Описание

По умолчанию осуществляется запуск PowerShell в оболочке ConEmu. Как и в плагине Terminal, ConEmu можно запустить из command palette, контекстного меню сайдбара или шорткатом.

  • open_conemu_here — открывает ConEmu в папке, где лежит файл, вкладка с которым была открыта, когда запускали ConEmu.
  • open_conemu_project — возможно, работает некорректно. Всегда открывает ConEmu в верхней папке сайдбара, в моём случае (см. п. 3.3) это E:\Киролайна.

2. Недостатки

  • Разработчик перешёл на MacOS, плагин больше не поддерживается.
  • Баги. я пофиксил, что нашёл, но далеко не факт, что их больше не осталось.

3. Дополнительные ссылки




1. Console Exec

1. Оценка

Пользуюсь вместо дефолтных Build System.

2. Описание

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

  • Если после вывода требуется вводить что-то ещё в консоль , — дефолтным механизмом Build System без дополнительных надстроек не обойтись. Установив же Console Exec и добавив в файл Build System всего одну дополнительную строку, Вы можете и дальше вводить команды.
  • Если пользуетесь плагином Build Next, когда в выводе нет ошибок, встроенная панель Build System автоматически закрывается. [ ]*File \"(...*?)\", line ([0-9]*)", "selector": "source.python", "target": "console_exec" }

    Как создавать и настроить автоматический выбор Build System, подробно рассмотрено по дополнительным ссылкам.

    Во вкладке со скриптом на Python Ctrl+Shift+PBuild With: SashaPythonExec → смотрим результат.

    5. Дополнительные ссылки


    2. Send to Shell

    В Sublime Text существуют плагины, отправляющие во внешний терминал выделенный или скопированный текст, как SendText и SendREPL. Тот же принцип действия у плагина Send to Shell, отправляющего скопированный текст в IPython — интерактивную оболочку для Python, составляющую Jupyter.

    1. Демонстрация

    2. Установка

    Как настроить плагин для отправки скопированного текста на ConEmu в режиме PowerShell.

    • Скачиваем и устанавливаем последнюю версию Python, если Python ещё не установлен в системе.
    • Устанавливаем Jupyter, проще всего, запустив в терминале команду pip install jupyter.
    • Устанавливаем через Package Control PyWin32 — набор расширений Python для доступа ко многим функциям Windows API.
    • Устанавливаем через Package Control плагин Preferences Editor для упрощения работы с файлами настроек Sublime Text.
    • Устанавливаем через Package Control плагин Send to Shell.

    3. Настройка

    Задаём системную переменную PATH, указав в качестве значения путь к файлу ConEmu.exe, для меня это C:\Program Files\ConEmu.

    Запускаем ConEmu → Super+Alt+PStartup → задаём параметру Specifed named task значение {Shells::PowerShell}:

    В Sublime Text 3 Ctrl+Shift+PEdit Preferences: Edit <kbd>Settings...SendToShellpowershell_startup → в открывшееся поле вместо powershell вписываем conemu. Ctrl+Shift+P → Edit Preferences: Edit Settings...SendToShellwindow_title → в открывшееся поле вместо Windows PowerShell вписываем заголовок вкладки ConEmu: у меня это powershell (Admin).

    Опционально предлагаю установить плагин CopyOnSelect, — пусть по первому времени он вызвать неудобства, — копирующий в буфер обмена выделенный текст. Задержка между выделением текста и его копированием в данном плагине составляет секунду, и автор не рекомендует её сильно уменьшать из-за возможных проблем с работой Clipboard-менеджеров.

    Настройка окончена. Выделяем кусок скрипта на Python для отправки в ConEmu → копируем его (а с плагином CopyOnSelect достаточно только выделить) → запускаем команду sendtoshell {"how": "paste_selection"}, — по умолчанию сочетанием клавиш Ctrl+Shift+Enter, — в ConEmu пишем команду ipython, а затем %paste. Можно было, конечно, написать плагин так, чтобы пользователь совершал поменьше действий.

    4. Недостатки

    5. Дополнительные ссылки



    Если описанные в обзоре плагины не удовлетворяют Вашим задачам, помимо обычного поиска в Google порекомендовал бы осуществить поиск примерно по следующим ключевым словам и меткам на сайте Package Control:

    Как сделать вывод результатов компиляции PHP в новую вкладку Sublime Text?

    Установка

    Обязательно

    • PHP. Если Вы пользуетесь Chocolatey, запустите в терминале команду cinst php -y.
    • Terminality. Плагин, с помощью которого решается данный вопрос.

    Опционально

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

    • Preferences Editor,
    • Keymap Redefiner. (WARNING! Плагин удаляет комментарии из файла .sublime-keymap . Если они вам нужны, не пользуйтесь данным плагином.) Увы, но другого решения, чтобы не лезть в кеймап вручную, похоже, нет.


    Настройка Terminality для PHP

    Ctrl+Shift+PEdit Preferences: Edit Settings...Terminalityexecution_units → вставляем такой код:

    {"source.php": {"run": {"command": "php $file"}}}
    

    Enter.

    Параметры

    command: php $file — запуск компилирования для файла в открытой вкладке.
    source.phpобласть видимости для синтаксиса PHP в Sublime Text.



    Назначение горячих клавиш

    Если у Вас, как у меня, дефолтное сочетание Ctrl+Alt+P забито другим плагином, поменяйте его. Ctrl+Shift+PKeymap Redefiner: Define KeymapTerminality Ctrl+Alt+R (в Windows; есть ещё Ctrl+Alt+Shift+R для запуска команды с аргументами) → меняем хоткей на свободный. Чтобы хоткей наверняка не был ничем занят, биндим клавишу цифровой клавиатуры, например, super+keypad_multiply. keypad_multiply — клавиша * над девяткой в Numpad. Жмём Enter.



    Результат

    Создаём любой файл с расширением php → пишем «Hello World» или любой другой простой код → сохраняем файл → запускаем команду Terminality шорткатом, который мы только что задали. Должно получиться вот так.

    Как и в стандартном для Sublime Text выводе через output console указывается время, потраченное на компиляцию, но уже в Title Bar и вкладке, в сантисекундах.



    Для ознакомления с прочими возможностями и настройками Terminality читайте README.MD в репозитории данного плагина на GitHub.

    Полезные плагины для Sublime Text 3. Как установит плагин?

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

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

    Быстрый набор кода, изменения цвета кода в зависимости от языка — это всё доступно благодаря специальным плагинам.

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

    Как их установить, написано в конце.

    1)Плагин Emmet

    Emmet, конечно же является самой удобной частью редактирования в Sublime Text. После нажатия на табуляцию Emmet преобразует простые сокращения в объемные фрагменты кода для HTML и CSS. Это всё просто и имеет огромную пользу для скорости набора кода.

    Здесь вы можете увидеть на что способен этот плагин:

    2)Плагин AllAutocomplete

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

    3)Плагин AutoFileName

    Автозаполнение путей к подключаемым файлам — очень удобно. Без лишних слов.

    4)Плагин Colorcoder
    Изменяет цвет кода, тем самым значительно упрощая ориентацию в коде. Особенно полезно для разработчиков с дислексией.

    Как установить плагины?

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

    2)Нажав на клавиши Ctrl+Shift+P, откроется поисковое окно. В данном поисковом окне мы пишем Install Package.

    3)Ждём пока появится новое окно. В новом окне мы пишем названия выбранных плагинов и выбрав, активируем их. Некоторые плагины требуют перезагрузки редактора.

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

    Практикуйте свой HTML — http://prog-time.ru/html/

    Как переформатировать код HTML с помощью Sublime Text 2?



    У меня есть плохо отформатированный код HTML, который я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует код HTML в Sublime Text 2, чтобы он выглядел лучше и его было легче читать?

    html sublimetext2 sublimetext indentation reformat
    Поделиться Источник Ravi Ram     12 января 2012 в 17:49

    15 ответов




    2094

    Для этого вам не нужны никакие Плагины. Просто выберите все строки (Ctrl A), а затем в меню выберите Edit → Line → Reindent. Это будет работать, если ваш файл сохранен с расширением, содержащим HTML, например .html или .php .

    Если вы делаете это часто, вы можете найти это ключевое сопоставление полезным:

    { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
    

    Если ваш файл не сохранен (например, вы просто вставили фрагмент в новое окно), вы можете вручную установить язык отступа, выбрав пункт меню View → Syntax → language of choice перед выбором опции reindent.

    Поделиться peter     04 июня 2012 в 21:47



    376

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

    Команда Reindent

    Плюсы:

    • Поставляется с Sublime, поэтому установка плагина не требуется

    Аферы:

    • Не удаляет лишние пустые строки
    • Не может обрабатывать уменьшенные HTML, строки с несколькими открытыми тегами
    • Не правильно форматирует <script> блоков

    Плюсы:

    • Поддерживает ст2/СТ3
    • Удаляет лишние пустые строки
    • Никаких двоичных зависимостей

    Аферы:

    • Давится на бирках PHP
    • Не правильно обрабатывает блоки <script>

    Плюсы:

    • Ручки PHP тегов
    • Некоторые настройки для настройки форматирования

    Аферы:

    • Требуется PHP (возвращается к веб-сервису)
    • Только ST2
    • Брошенный?

    Плюсы:

    • Поддерживает ст2/СТ3
    • Простой и без бинарных зависимостей
    • Поддержка OS X, Win и Linux

    Аферы:

    • Немного задыхается от встроенных комментариев
    • Расширяет свернутый / сжатый код

    Плюсы:

    • Поддерживает ст2/СТ3
    • Ручки HTML, CSS, JS
    • Отличная интеграция с меню возвышенное по
    • Легко настраиваемый
    • Настройки для каждого проекта
    • Формат при сохранении

    Аферы:

    • Требуется Node. js
    • Не очень хорошо для встроенного PHP

    Что лучше?

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

    Поделиться Josh Earl     18 января 2014 в 16:29



    179

    Единственный пакет, который мне удалось найти, - это тег .

    Вы можете установить его с помощью элемента управления пакетом. https:/ / sublime.wbond.net

    После установки пакета управления. Перейдите в раздел Управление пакетами ( Настройки -> Управление пакетами), затем введите install, нажмите enter . Затем введите tag и нажмите enter .

    После установки тега выделите текст и нажмите ярлык Ctrl + Alt + F .

    Поделиться dardub     13 января 2012 в 23:12


    • Sublime Text 2 HTML проблема подсветки синтаксиса

      У меня есть проблема с подсветкой синтаксиса для HTML (и открытого текста) в Sublime Text 2, так как он только выделяет серым цветом строки, как на изображении. Всякий раз, когда я переключаюсь на Python, JavaScript и другие языки, подсветка работает нормально. Я новичок в Sublime Text 2, так что...

    • Как запустить код PHP в Sublime Text 2

      Я очень новичок в Sublime text 2. Я только начал этим пользоваться и ничего об этом не знаю. Я хочу работать над PHP. Я построил систему 'php'. После выбора системы сборки 'php' я создаю новый файл и пишу код PHP только с одной строкой echo и пытаюсь запустить его. Каждый раз, когда он дает мне...



    51

    Я рекомендую этот плагин: HTML/CSS/JS Prettify, он действительно работает.

    После установки просто выберите код и нажмите Ctrl+Shift+H .

    Готово!

    Поделиться Peter Zhu     07 января 2015 в 03:22



    41

    Просто общий совет. Что я сделал, чтобы автоматически привести в порядок свой HTML, так это установил пакет HTML_Tidy, а затем добавил следующую привязку клавиш к настройкам по умолчанию (которые я использую):

    { "keys": ["enter"], "command": "html_tidy" },
    

    это работает HTML аккуратно с каждым вводом. В этом могут быть и недостатки, я сам совсем новичок в Sublime, но, похоже, он делает то, что я хочу 🙂

    Поделиться Anneke     01 ноября 2012 в 15:17



    22

    Хотя вопрос касается HTML, я также хотел бы дополнительно дать информацию о том, как автоматически отформатировать ваш код Javascript для Sublime Text 2 ;

    Вы можете выбрать весь свой код (ctrl + A ) и использовать встроенную функциональность reindent( Edit - > Line - > Reindent) или использовать плагин форматирования JsFormat для Sublime Text 2 , если хотите иметь более настраиваемые настройки форматирования кода в дополнение к настройкам вкладки/отступа Sublime Text по умолчанию.

    https://github.com/jdc0589/JsFormat

    Вы можете легко установить JsFormat с помощью Package Control (Preferences -> Package Control ) откройте package control, затем введите install, нажмите enter . Затем наберите js format и нажмите enter, все готово. (Контроллер пакета покажет состояние установки с успехом и ошибками в нижней левой строке Sublime )

    Добавьте следующую строку к вашим привязкам ключей ( Preferences - > Key Bindings User )

    { "keys": ["ctrl+alt+2"], "command": "js_format"}
    

    Я использую ctrl + alt + 2 , вы можете изменить эту комбинацию клавиш, как вы хотите. До сих пор JsFormat -хороший плагин, стоит попробовать!

    Надеюсь, это кому-то поможет.

    Поделиться Gokhan Tank     24 июня 2013 в 11:34


    Поделиться Christian Hagelid     08 сентября 2012 в 11:00



    13

    Для меня решение HTML Prettify было чрезвычайно простым. Я перешел на страницу HTML Prettify .

    1. Нужны Sublime Package Manager
    2. Следуйте инструкциям по установке менеджера пакетов здесь
    3. набрал cmd + shift + p , чтобы открыть меню
    4. Набирается prettify
    5. Выберите в меню пункт HTML prettify

    Бум. Сделано. Выглядит великолепно

    Поделиться insaineyesay     27 июля 2014 в 16:01



    11

    Просто зайдите в

    Edit -> Tag -> автоформатирование тегов в документе

    Поделиться Ricardo Martins     09 октября 2012 в 00:23



    9

    Я создал пакет под названием HTMLBeautify , который делает приличную работу по переформатированию HTML. Я основал его на скрипте Perl, который нашел еще в 1997 году— - я обновил его, чтобы работать со всеми новыми модными современными тегами. 🙂

    Проверьте это и дайте мне знать, что вы думаете!

    https://github.com/rareyman/HTMLBeautify

    Поделиться Ross     21 января 2013 в 18:46



    7

    Я еще не имею права комментировать, так что это просто дополнительная информация, связанная с ответом @peter's выше ответа.

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

    <!--[if lt IE 7]>
    <p>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
    <![endif]-->
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim. googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 
    

    Поделиться newtriks     21 ноября 2012 в 10:10


    Поделиться Allen Bargi     14 января 2012 в 12:59



    7

    Существует хороший плагин с открытым исходным кодом CodeFormatter, который (наряду с переиндентированием) может украсить грязный код, даже если весь он находится в одной строке.

    Поделиться side2k     23 апреля 2014 в 07:34



    4

    Я использую tidy вместе с пользовательской системой сборки, чтобы приукрасить HTML.

    У меня есть HTMLTidy.sublime-build в моем каталоге Packages/User/:

    {
      "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
    }
    

    и файл tidy_config. cfg в том же каталоге:

    indent: auto
    tab-size: 4
    show-warnings: no
    write-back: yes
    quiet: yes
    indent-cdata: yes
    tidy-mark: no
    wrap: 0
    

    И просто выберите build system и нажмите ctrl + b или cmd + b , чтобы переформатировать содержимое файла. Одна из незначительных проблем заключается в том, что ST2 не перезагружает файл автоматически, поэтому, чтобы увидеть результаты, вам нужно переключиться на какой-то другой файл и обратно (или на другое приложение и обратно).

    На Mac я использовал macports для установки tidy, на Windows вам придется скачать его самостоятельно и указать рабочий каталог в системе сборки, где находится tidy:

    "working_dir": "c:\\HTMLTidy\\"
    

    или добавьте его к PATH.

    Поделиться rchl     18 февраля 2012 в 22:46



    4

    вы можете легко установить комбинацию клавиш F12 !!!

    { "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }
    

    подробности смотрите здесь .

    Поделиться Sumeta Pongpanna     21 ноября 2014 в 15:55


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


    Использование virtualenv с sublime text 2

    Я использую sublime text 2 для разработки python вместе с virtualenv! Стандартная система сборки sublime text 2 использует стандартную установку python, а не my virtualenv, где установлены мои...


    Sublime Text 2: могут ли Плагины рендерить HTML?

    Я хочу добавить некоторую визуальную привлекательность великому плагину sublime-phpunit Стюарта Герберта. В настоящее время он отображает текстовый вывод PHPUnit в маленьком окошке в нижней части...


    Как запустить код Python из Sublime Text 2?

    Я хочу настроить полный Python IDE в Sublime Text 2. Я хочу знать, как запустить код Python из редактора. Делается ли это с помощью системы сборки? Как мне это сделать ?


    Как правильно отформатировать / отступить код HTML и PHP в Sublime Text 3

    мне интересно, есть ли какой-нибудь плагин Sublime Text 3, кроме HTML Tidy, который способен переиндентировать или переформатировать части кода HTML


    Изменение HTML <script> автозаполнение в Sublime Text 2

    В Sublime Text 2 при вставке тега сценария html с помощью функции автозаполнения курсор перемещается в конец тега. <script type=text/javascript></script>*CURSOR HERE* Как я могу изменить...


    Sublime Text 2 HTML проблема подсветки синтаксиса

    У меня есть проблема с подсветкой синтаксиса для HTML (и открытого текста) в Sublime Text 2, так как он только выделяет серым цветом строки, как на изображении. Всякий раз, когда я переключаюсь на...


    Как запустить код PHP в Sublime Text 2

    Я очень новичок в Sublime text 2. Я только начал этим пользоваться и ничего об этом не знаю. Я хочу работать над PHP. Я построил систему 'php'. После выбора системы сборки 'php' я создаю новый файл...


    sublime text 2 html автозаполнение в файлах js/jsx

    Я хотел бы иметь возможность автоматически заполнять теги HTML внутри файлов js / jsx в Sublime text 2. Я установил Babel-sublime , но автозаполнение HTML в нем не поддерживается. Есть еще варианты?...


    Как запустить javascript на sublime text 2?

    Я работаю над созданием эскизной доски и задаюсь вопросом, Как создать файл JavaScript в Sublime Text 2. Когда я сохраняю файл, я просто сохраняю его как index.js? Таким образом, означает ли это,...


    Как упорядочить код в sublime text с помощью сочетания клавиш?

    я хочу использовать комбинацию клавиш для упорядочивания кода в sublime text. Как я могу упорядочить код в sublime text с помощью сочетания клавиш?

    Подготовка Sublime Text 3 к работе

    Подготовка Sublime Text 3 к работе

    30.12.2017 13:42 | Другое

    Установка редактора под Windows не вызывает никаких затруднений – просто следуйте указаниям. Можно упомянуть только один нюанс – по ходу установки можно отметить чекбокс, чтобы добавить Sublime Text в контекстное меню операционной системы. Т.е. при клике правой клавишей мыши на каком-либо файле, его можно будет сразу открыть в данном редакторе.

    Следующий шаг – установка Package Control. Зачем это нужно? Для полноценной работы потребуется некое количество плагинов и либо мы будем устанавливать их руками, либо за нас эту работу выполнит Package Control. Итак, идём на эту страницу и копируем код для Sublime Text 3. Возвращаемся в редактор и открываем консоль: View > Show Console или просто используем комбинацию клавиш Ctrl +`. Вставляем код в консоль и нажимаем Enter.

    Установка и удаление плагинов и тем

    Для установки выполняем следующие шаги:

    1. Открываем Package Control: Preferences > Package Control или Shift + Ctrl + P.
    2. В появившемся поле вводим install чтобы найти пункт Package Control: Install Package. Выбираем его и нажимаем Enter.
    3. В поле ввода появившейся панели набираем название нужного плагина, выбираем его в списке и снова Enter.

    Чтобы удалить какой-либо из ранее установленных плагинов выполняем те же три действия, только во втором пункте вводим не install, а remove, так как нам нужен Package Control: Remove Package.

    Темы устанавливаются так же, как и плагины. При этом добавится 4-й шаг: нужно зайти в Preferences > Settings и далее в Preferences.sublime-settings – User добавить тему. Если конкретнее, то добавить примерно такой код:

    {
      "theme": "theme.sublime-theme"
    }

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

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

    EditorConfig

    Работать приходится с разными проектами и с разными людьми. Дабы определить единый стиль кода и придерживаться его и нужен EditorConfig. Подробнее об этом плагине можно почитать здесь

    SideBarEnhancement

    Расширяет функционал сайдбара. Надо признать, что у самого Sublime этот функционал уж очень скуден.

    SublimeCodeIntel

    Довольно удобная штука – позволяет «прыгнуть» в файл и на строку определения класса или метода. И вот об упомянутых выше нюансах – до установки плагина надо убедиться, что CodeIntel установлен в вашей системе, о чём подробнее в документации.

    BracketHighlighter

    Подсвечивает парные скобки и теги.

    PHP Companion

    Позволяет добавлять namespace, оператор use и т.д. нажатием одной клавиши. Привязки клавишам нужно писать самому, но можно использовать авторские. Для этого открываем Preferences > Key Bindings, вставляем во вкладку Default.sublime-keymap – User этот код и сохраняем.

    DocBlockr

    Я противник комментариев как таковых – если понимаешь, что надо написать комментарий к коду, то тут надо не комментарии писать, а код переписывать. Но это не касается комментариев DocBlock, написание которых и упрощает данный плагин.

    TrailingSpaces

    Подсвечивает пробелы в конце строк и может удалять их при сохранении. По умолчанию опция удаления отключена. Чтобы её включить, надо зайти в Preferences > Package Settings > Trailing Spaces > Settings User и вставить следующее:

    {
      "trailing_spaces_trim_on_save": true
    }
    A File Icon

    В сайдбаре к названиям файлов добавляет иконки. Так воспринимать информацию гораздо удобнее.

    Emmet

    Незаменимая вещь для вёрстки, значительно ускоряет процесс, позволяя расширять табом аббревиатуры HTML, XML, HAML и CSS/SASS/LESS/Stylus. Если раньше не работали с Emmet, то на первых порах будет полезна вот эта шпаргалка.

    Autoprefixer

    Ещё один очень полезный инструмент для фронтенда. Не надо больше думать о вендорных префиксах – плагин их вставляет в соответствии с данными caniuse.com. Работает только с препроцессорами CSS, SCSS и требует предустановленного NodeJS. Подробнее здесь. Я добавляю префиксы для двух последних версий браузеров, то бишь мои настройки такие:

    {
      "browsers": ["last 2 versions"]
    }
    Color Highlighter

    Полагаю, из названия уже понятно о чём речь. Поставляется вместе с конвертором цветов. Настроек достаточно, поэтому следует почитать доки.

    С основными плагинами вроде всё. Что касается конкретных фреймворков или библиотек– тут уж кто с чем работает. Можно лишь сказать, что, как минимум, помимо подсветки желательно также ставить и плагины сниппетов. Лично у меня ещё установлены:
    Laravel Blade Highlighter, Blade Snippets, Babel, Babel Snippets, Vue Syntax Highlight, Vuejs Snippets, Sass, LESS, Pug.

    Следует упомянуть такие плагины как Git или Laravel Artisan, но им я всё-таки предпочитаю консоль.

    О горячих клавишах

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

    Ctrl + D Выделить слово, в котором курсор
    Ctrl + Shift + M Выделить содержимое скобок
    Ctrl + F Поиск в файле
    Alt + Enter Выделить всё найденное (после поиска)
    Ctrl + / Закомментировать строку
    Ctrl + Shift + / Закомментировать блок кода (в котором находится курсор)
    Ctrl + S Сохранить
    Tab Добавить отступ
    Tab + Shift Удалить отступ
    Ctrl + Shift + D Продублировать строку/фрагмент
    Ctrl + Shift + ↑ Поднять строку вверх
    Ctrl + Shift + ↓ Опустить строку вниз
    Ctrl + Shift + Enter Вставить строку выше курсора
    Ctrl + Enter Вставить строку ниже курсора
    Ctrl + P Переход к файлу в проекте

    И в завершение. Из редактора IDE не слепить, но с другой стороны – а нужно ли? Я пробовал NetBeans, Eclipse, PhpStorm, но в итоге (наряду с последним) всё равно продолжаю пользоваться Sublime. Этот быстрый на подъём и шустрый редактор меня полностью устраивает.

    Проверка синтаксиса PHP в Sublime Text Editor PHP Lang

    Действие, о котором вы говорите, называется «linting», и существует множество плагинов для Sublime, которые содержат файлы PHP. Как упоминалось Len_D, PHP Syntax Checker является одним, но я бы рекомендовал SublimeLinter для Sublime Text 2 . (Существует другая версия SublimeLinter для ST3, но она не поддерживает обратную совместимость и имеет совершенно другую архитектуру, чем версия ST2, которая больше не поддерживается официально).

    Чтобы установить, сначала установите Package Control, если вы еще этого не сделали, затем перезапустите Sublime. Откройте командную палитру с помощью Ctrl Shift P и введите pci для вызова P ackage C ontrol: I nstall Package . Нажмите Enter , затем введите sublimelinter , затем нажмите Enter еще раз для установки. По завершении установки перезапустите ST2 еще раз для удачи. Чтобы настроить, сначала откройте Sublime Text 2 -> Preferences -> Package Settings -> SublimeLinter -> Settings-Default и скопируйте все его содержимое. Затем откройте « Settings-User из того же подменю и вставьте в него содержимое. Теперь вы можете закрыть Settings-Default . Для правильной подсветки синтаксиса (чтобы указать, где находятся комментарии) выберите JavaScript -> JSON из списка опций в правом нижнем углу окна Sublime.

    Прокрутите вниз до строки 36 в "sublimelinter_executable_map" sublimelinter_executable_map» и добавьте пустую строку между скобками открытия и закрытия. Найдите полный путь к исполняемому файлу php в вашей системе, открыв терминал и набрав which php . Скопируйте путь и добавьте запись для "php" на пустую строку, которую вы только что создали. Например, если путь /opt/local/bin/php , полный раздел должен выглядеть следующим образом:

     "sublimelinter_executable_map": { "php": "/opt/local/bin/php" }, 

    Прокрутите список остальных параметров "sublimelinter_*" и измените их в соответствии с вашими предпочтениями. Параметры после строки 108, скорее всего, не имеют отношения к вам, поскольку они касаются линтов для JavaScript, CSS, Python и т. Д. Однако не стесняйтесь читать их, если вы хотите использовать SublimeLinter для других языков. Как только вы закончите, сохраните файл, и все должно быть установлено. SublimeLinter отобразит свои сообщения в соответствии с настройками "sublimelinter" (строка 13) и "sublimelinter_delay" (строка 67) (увеличьте значение, чтобы увеличить задержку между остановкой ввода и появлением сообщений linter). Если вам не нужна эта «живая» линка, установите "sublimelinter" для load-save , save-only или false , в зависимости от ваших предпочтений. Я лично считаю, что живая линта будет довольно раздражающей …

    И это все. Полная документация доступна в README . Имейте в виду, что если / когда вы обновляетесь до Sublime Text 3 (кстати, я настоятельно рекомендую), вам нужно будет установить и настроить SublimeLinter3 , что является полной переписыванием плагина в более модульную архитектуру , Таким образом, базовый пакет SublimeLinter должен быть дополнен языковым SublimeLinter-php подобным SublimeLinter-php . Пожалуйста, убедитесь, что вы прочитали полную документацию (да, есть много, но это того стоит), чтобы все работало бесперебойно.

    Удачи!

    Легкий и быстрый редактор кода Sublime Text 3