Skip to content

Latest commit

 

History

History
203 lines (155 loc) · 17.9 KB

ide-plugins.md

File metadata and controls

203 lines (155 loc) · 17.9 KB

Список используемых плагинов в редакторах кода или IDE

Обращаем внимание, что это не полный список только любимых плагинов.

Sublime Text

Работа с кодом

  • Emmet — пожалуй, самый полезный плагин со сниппетами для вёрстки HTML. Прирост к скорости — 100500%.
  • Hayaku — практически то же самое что и Emmet но только для css. Работает быстрее и эффективнее.
  • Alignment — функциональное выравнивание фрагментов кода от автора Package Control.
  • Inc-Dec-Value — позволяет изменять числа, даты, HEX цвета с помощью стрелок на клавиатуре, подобно инспектору в браузере.
  • CSScomb — плагин для форматирования и сортировки CSS.
  • ApplySyntax — налету определяет синтаксис в текущем файле.
  • DocBlockr - станет для вас эффективным помощником при документировании кода. После ввода /** и нажатия на клавишу Tab плагин автоматически распарсит любую функцию и подготовит соответствующий шаблон
  • Goto-CSS-Declaration - переход к CSS правилу из открытых *.css файлов
  • BracketHighlighter — подсвечивает парные скобки; проще не путаться, когда их много.
  • EncodingHelper — показывает кодировку в статус-баре, умеет ковертировать в UTF-8 из разных кодировок.
  • EditorConfig — плагин для поддержки EditorConfig
  • Local History — история изменения файлов
  • MarkdownEditing — плагин для работы с markdown файлами.
  • AutoFileName — автокомплит имен файлов.
  • SublimeLinter — обнаруживает большинство ошибок и опечаток уже на стадии написания кода.
  • Prettify — плагин для форматирования кода.
  • AngularJS — поддержка фреймворка в среде: подсветка синтаксиса, ключевых слов, анализ проекта и его индексирование; позволяет быстро найти нужный контроллер/директиву/фильтр, понимает доку, подскажет название переменной из inject.

Работа с файлами и проектами

  • Project Manager — управляет проектами.
  • Sublime SFTP — подключение по sftp.
  • SyncedSideBar - разворачивает дерево в сайдбаре до открытого файла
  • AdvancedNewFile — быстрое создание новых папок и файлов.
  • FileBrowser — проводник сразу в редакторе.
  • SideBarEnchancements — ништяки для сайдабара типа копирования файлов, переименования, открытия в чем-нибудь и так далее.
  • Rsync SSH - синхронизация локальных папок и удаленных по SSH
  • CTags - добавляет поддержку CTags
  • Nettuts+ Fetch — умеет скачивать архивы и файлы из интернета и класть их в проект.

Темы

  • Theme - Flatland — красивая и удобная флат тема в темных тонах
  • Theme - Soda — красивая и удобная тема в светлых тонах

Сниппеты

  • Comment-Snippets - Лаконичный набор сниппетов для красивых комментариев.
  • SVG-Snippets — большая коллекция полезных шаблонов при работы с SVG.
  • JavaScript Snippets
  • jQuery - бандл для работы с jQuery

Контроль версий

  • GitGutter — плагин для git с подсветкой измнений в файле от последнего коммита.
  • Modific - подсветка изменений с последнего комита, поддерживает Git, SVN, Bazaar, Mercurial и TFS
  • Git - возможность работать с Git прямо в редакторе

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

  • JavaScript Next - подсветка синтаксиса лучше, чем стандартный JavaScript-хайлайтер, поддерживает фичи EcmaScript 6, такие как модули, классы, генераторы и многое другое.
  • CSS3 - подсветка для каждой фичи из спецификации CSS3
  • SCSS или Sass (в зависимости от используемого синтаксиса). Обратите внимание на то, какой именно плагин вы установили. Распространённая ошибка — установить плагин Sass, но при этом использовать синтаксис SCSS, и наоборот.
  • Stylus
  • Less
  • Haml
  • Ruby Slim
  • Jade
  • Better Coffee​Script
  • Type​Script

Разное

  • Color Highlighter — подсвечивает текст в цвет, который указан.
  • Color picker — позволяет вставить нужный hex-цвет в стили или HTML.
  • ZenTabs — предотвращает ад из вкладок.
  • Evernote - Открывает и сохраняет заметки в evernote в формате markdown
  • Package Syncing — синхронизация плагинов и настроек через любое облако
  • EasyMotion – удобное перемещение к указанному символу.
  • CanIUse - проверка поддержки браузерми свойств CSS и HTML элементов

Visual Studio Code

Разное

Сниппеты

Наборы горячих клавиш

Линтеры

Иконки

Темы

Git

Синтаксис

Atom

Awesome Atom - подборка плагинов, тем и ссылок

  • emmet - ускорение набора HTML и CSS при помощи сниппетов;
  • minimap - миникарта кода как в Sublime text
  • stylus - подсветка синтаксиса Stylus, также включает в себя сниппеты, но лучше использовать emmet, как наиболее популярное решение для разных редакторов;
  • language-jade - подсветка синтаксиса Jade (Pug);
  • merge-conflicts - merge-tool для разрешения конфликтов в Git;
  • blame - вывод построковой истории изменений для выбранного файла;
  • atom-ungit - подробный просмотр изменений в Git-репозитории (ветки, коммиты, подсветка изменений);
  • git-control - GUI для Git;
  • vim-mode - добавляет возможности Vim;
  • file-icons - заменяет стандартные иконки в файловом дереве на иконки, соответствующие расширениям файлов;
  • pigments - подсвечивает определения цветов в CSS соответствующими цветами;
  • sync-settings - синхронизация настроек редактора через Gist;
  • tabs-to-spaces - заменяет табы на пробелы, если необходимо в текущем проекте.

Webstorm, PHPStorm

WS-адепты считают, что их IDE совершенна и не требует сторонних плагинов. Но мы смогли вытащить из них целых два.

  • EditorConfig — плагин для форматирования чужого кода без боли и конфликтов в VCS.
  • Deployment — возможность автозагрузки/синхронизации кода на удаленом хостинге, помогает в случае удаленного расположение проекта.

Brackets

  • Extract for Brackets (Preview) — фотошоп скоро будет не нужен! Всё в редакторе! От создателей Фотошопа.

VIM, Neovim

  • neocomplete — крутой автокомплит кода.
  • NERD Tree — удобная навигация по дереву файлов и каталогов
  • bufexplorer — удобная навигация по открытым буферам
  • NERD Commenter — поддержка комментирования кода для разных языков
  • Startify — настройка стартового экрана Vim

Emacs, Spacemacs

Мне было лень разбираться, поэтому вот:

  • flycheck
  • auto-complete
  • pony-mode
  • pep8
  • tabbar
  • tabbar-ruler
  • highlight-parentheses
  • js2-mode
  • flymake-jshint
  • expand-region
  • js2-refactor
  • less-css-mode

Xcode