Sublime text 3 плагины: 15 прекрасных плагинов для Sublime Text

Прежде всего, нам нужно установить Package Control для установки других пакетов. Чтобы установить управление пакетами, мы открываем палитру команд, чтобы открыть ее, перейдите в Инструменты-> Палитра команд или с помощью сочетания клавиш Shift+Ctrl+P в Linux.

Вот картинка:

теперь мы можем устанавливать другие пакеты с Package Control. Вы можете искать и устанавливать другие пакеты по имени, открыв палитру команд и набрав Install Package, а затем просто введите имя пакета, который хотите установить. Также мы можем просмотреть пакеты на https://packagecontrol.io, и вы можете прочитать документацию, использование и настройку пакетов.

Первым пакетом, который я устанавливаю после управления пакетами, является phpfmt. Этот пакет является обязательным для разработчиков php. С PHPFMT вы можете отформатировать свой код при сохранении файла, чтобы установить пакеты с помощью управления пакетами, нажмите Shift + Ctrl + P, чтобы открыть командную палитру, и введите «установить», затем введите имя пакета, который вы можете установить, в нашем случае это phpfmt.

Прежде чем мы сможем использовать этот пакет, мы должны указать путь к бинарному файлу php. Откройте настройки конфигурации Preferences->Package Settings->phpfmt->Settings — User. Внимание! никогда не изменять Settin_gs — файл по умолчанию, так как изменения будут потеряны после обновления Sublime.

   Укажите в php_bin расположение двоичного файла php и не забудьте установить       

   format_on_save в значение true, и тогда вы можете забыть обо всем этом, так как

   автоматически отформатирует ваш php-код.

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

GitGutter

GitGutter показывает git diff на Sublime. изменено или удалено, обновлено?

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

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

Этот пакет не для php, но я использую его при работе с файлами javascript. Этот пакет, как и phpfmt, форматирует код javascript. Перед использованием этого пакета мы должны установить prettier depency install с помощью этой команды

.
npm install -g prettier 

Затем установите пакет jsPrettier и откройте файл настроек, как мы открыли на phpfmt. Как пример конфига:

{
"отладка": ложь,
"prettier_cli_path": "/home/tasqyn/.asdf/installs/nodejs/9.2.0/.npm/bin/красивее",
"node_path": "/home/tasqyn/.asdf/shims/node",
"auto_format_on_save": правда,
"auto_format_on_save_excludes": ["*/node_modules/*"],
"allow_inline_formatting": правда,
"пользовательские_файлы_расширения": [],
"max_file_size_limit": -1,
"дополнительные_cli_args": {},
"красивее_опции": {
"ширина печати": 100,
"одинарная цитата": ложь,
"trailingComma": "нет",
"bracketSpacing": правда,
"jsxBracketSameLine": ложь,
"парсер": "вавилон",
"полу": правда,
"requirePragma": ложь,
"прозаВрап": правда
}
}
 

prettier_cli_path — путь к красивше.

node_path — путь к узлу

Вы можете изменить настройки в соответствии с вашими потребностями.

Эти пакеты я использую постоянно. Конечно, для Sublime Text 3 существует множество пакетов. Вы можете просмотреть их на packagecontrol.io и выбрать понравившиеся.

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

Спасибо за прочтение!

Etiketler

php

возвышенный

разработка

лучших плагинов Angular для Sublime Text — SitePoint

JavaScript

AngularJS

23 мая 2018 г. Плагины Angular для текстового редактора Sublime Text.

Независимо от того, являетесь ли вы новичком в разработке Angular (версия 2+) и хотите начать работу с ним и более тесно интегрировать его с выбранным вами редактором кода, или вы опытный специалист в разработке Angular и вы попробовать свои силы с Sublime Text в качестве нового редактора, интеграция двух никогда не была проще.

Существует множество вариантов плагинов Angular, которые могут упростить разработку приложений Angular с использованием Sublime Text. Вам нужно будет настроить диспетчер пакетов Sublime Text (называемый «Управление пакетами») до начала работы, а затем вы можете просмотреть список плагинов здесь и посмотреть, соответствуют ли они вашим потребностям!

Настройка Package Control

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

1. Используйте горячую клавишу CTRL + ` или используйте меню View > Show Console , чтобы открыть встроенную консоль Sublime Text.
2. Вставьте в консоль блок кода Python, который можно скопировать со страницы Package Control Installation, и следуйте инструкциям там.
3. После этого будут настроены меню управления пакетами! Теперь все, что вам нужно сделать, это найти и установить свои пакеты.

Управление пакетами очень просто. Вам нужно открыть Package Control, выбрать установите меню , а затем выберите и установите пакет:

1. Используйте ярлык CMD + Shift + P ( CTRL + Shift + 901 31 P , в зависимости от ОС), чтобы открыть палитра команд.
2. Введите install package и нажмите Введите , чтобы открыть список доступных пакетов.
3. Найдите пакет по имени, выберите пакет и нажмите . Введите для установки.

HTML-пакет Angular 2

Плагин Angular 2 HTML предоставляет расширенный синтаксис HTML для Sublime Text. Вы сможете использовать атрибуты Angular без нарушения подсветки синтаксиса. Кроме того, части ваших страниц, содержащие JavaScript, также будут выделены как JavaScript. Небольшое, но невероятно полезное дополнение для разработчиков Angular.

Установка HTML-пакета Angular 2

На момент написания этой статьи этот плагин не присутствовал в Package Control, но его можно установить вручную, выполнив следующие действия.

1. Закройте Sublime Text и перейдите через командную строку в папку «Пакеты» Sublime Text 3 в установке приложения. В macOS это /Users/{user}/Library/Application Support/Sublime Text 3/Packages .

2. Клонируйте репозиторий в папку Packages со следующим:

   клон

    git https://github.com/princemaple/ngx-html-syntax
    

3. Повторно откройте Sublime Text 3 и проверьте Вид > Синтаксис , чтобы убедиться, что Ngx HTML является опцией.

Кроме того, Sublime Text может автоматически выделять файлы .component.html с синтаксисом HTML Angular 2:

1. Откройте файл .component.html .

2. Выберите Вид > Синтаксис > Ngx HTML .

3. Перейдите к «Предпочтения» > «Настройки» > «Специфический синтаксис» . Поскольку ваш текущий файл использует синтаксис Ngx HTML, он должен открыть файл настроек синтаксиса для Ngx HTML. Если это так, добавьте запись расширений на панель настроек справа:

    "расширения":
   [
     "компонент.html"
   ]
    

4. Перезапустите Sublime Text. Теперь все файлы .component.html должны автоматически использовать плагин Ngx Syntax!

Angular 2 Snippets

Angular 2 Snippets — это плагин Sublime Text, который предназначен для предоставления пользователям фрагментов и автодополнения кода для Angular. Он содержит большинство функций автозаполнения, которые вам понадобятся для разработки Angular. Автодополнение кода — это своего рода горячая проблема для многих разработчиков, которые считают, что это не только благословение, но и проклятие, но, тем не менее, оно может быть чрезвычайно полезным.

На момент написания были доступны следующие фрагменты и категории завершения. (Текущий список или дополнительные сведения об элементах в каждой категории см. в GitHub README плагина.)

Плагины Angular: категории фрагментов

• Компонент
• Директива
• Служба
• Труба
• Конфигурация маршрута
• Маршрут
• Тест

Плагины Angular: категории завершения

• Аннотации
• Декораторы
• Жизненный цикл
• Маршрутизация
• Директивы
• Атрибуты
• Трубы

Angular CLI

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

• для создания компонентов, классов, маршрутов и т. д.
• для тестирования
• для ворса
• для запуска сервера разработки

… и многое другое!

Плагины Angular: Typescript

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

• Форматирование TypeScript для строки, фрагмента кода или всего документа одним нажатием ярлыка.
• Быстрый переход к символу или фрагменту текста, удобный просмотр ошибок TypeScript.
• Работа с проектом с плагином очень проста. Это позволяет создавать новые настроенные проекты TypeScript. Он также автоматически создает «предполагаемые проекты» при редактировании одного файла TypeScript, извлекая импортированные файлы, чтобы сделать их доступными для вас.

Плагины Angular: Linting

Кому не нужен список кодов? Когда вы работаете с Angular и TypeScript, вам нужно, чтобы ваш редактор анализировал ваш код. SublimeLinter-contrib-tslint — это пакет Sublime, который взаимодействует между программным обеспечением tslint и Sublime Text. Чтобы использовать его, вам понадобятся две предварительно установленные вещи:

1. Install tslint ( npm install -g tslint ).
2. Установите плагин SublimeLinter 3 через Управление пакетами.
3. Используйте документацию SublimeLinter. (Выполните шаги «Поиск исполняемого файла linter» через «Проверка вашего пути», чтобы убедиться, что SublimeLinter может видеть ваш пакет tslint.)
4. Наконец, установите плагин Sublime SublimeLinter-contrib-tslint через Package Control.

Все готово. Теперь вам просто нужно настроить линтер. Вы можете использовать документы tslint, чтобы получить представление о параметрах конфигурации для tslint (которые вы захотите включить в файл tslint.json в своем проекте). Также посмотрите документацию SublimeLinter о настройке параметров, специфичных для линтера.

DocBlockr

DocBlockr — это пакет для Sublime Text, который поддерживает JavaScript и различные его разновидности, включая TypeScript. Хотя DocBlockr не уникален для TypeScript или Angular, его определенно можно использовать там, и он предоставляет услугу, которую нельзя сбрасывать со счетов. DocBlockr — это плагин, который помогает разработчикам писать докблоки. Он автоматически дополняет синтаксис для докблоков, чтобы сэкономить ваше драгоценное время, и даже заходит так далеко, что автоматически генерирует функции и шаблоны переменных докблоков. Это отличный способ сэкономить время и обеспечить унифицированное документирование кода.