Brackets icons — значки (много) для дерева файлов в brackets

Доброго времени суток уважаемые читатели блога pogudo.ru. Продолжаем знакомиться с расширениями для чудесного редактора Brackets. В этот раз мы снова затронем тему оформления и поговорим о иконках. Расширение brackets icons – добавляет замечательные иконки файлов в дерево проекта. О да, я их безумно люблю.


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


Brackets icons

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

Во-первых, это не просто набор иконок, а целых два набора иконок которые мы можем переключать в любое время.

как выбирать иконки brackets icons в программе редакторе кода brackets

Во-вторых, brackets icons поддерживают немного больше популярных форматов:

  • JavaScript, JSX
  • JSON
  • TypeScript
  • CoffeeScript
  • LiveScript
  • Dart
  • Haml
  • HTML
  • SVG
  • XML
  • C, C++, C#
  • Swift
  • PHP, SQL
  • Java, Scala, Groovy, Manifests
  • Ruby, Embedded Ruby, RDoc, Cucumber Feature files
  • Perl
  • Lua
  • Haxe
  • VB, VBScript
  • Clojure
  • CSS, SASS, Less, Stylus
  • Python
  • QtQuick
  • Shell script, Batch
  • Jade
  • Handlebars
  • TXT
  • Log
  • Markdown
  • PNG, JPG, JPEG, TIFF, ICO
  • GIF
  • MP4, WebM, OGG
  • MP3, WAV
  • EOT, TTF, WOFF, WOFF2, OTF
  • GitIgnore, GitModules
  • NPMIgnore, SlugIgnore
  • HTAccess, HTPasswd, Conf
  • YAML
  • Sqf
  • Project, Jscsrc, Jshintrc, Csslintrc, Htmlhintrc, Xmlhintrc, Todo, Classpath, Properties
  • VBProj, CSProj, Sln
  • Exe, Dll
  • Zip, Rar, 7z, Tgz, Tar, Gz, Bzip, Msi, Dmg
  • Tex, Bib, Sty
  • AppleScript, Textile, Matlab, Lisp, Xsl, Tcl, Rst, D, R

П.с. Я не уверен, что сам brackets столько поддерживает, но иконки точно есть.

иконки в дереве проекта как выглядят программа брэкетс расширение

В-третьих, можно добавлять свои иконки или изменять на свое усмотрение старые. Делается это путем добавления простого и понятного кода в «Файл настроек»:


                «brackets-icons.icons» : {

                               «html» : {

                               «icon» : «fa fa-eye» ,

                               «color» : «#E84D49» ,

                               «size» : 16

                }

                }


В данном примере мы заменили значок расширения .html на изображение глаза из набора Font Awesome.

как открыть файл настроек для их редактирования в программе brackets

ВАЖНО! Для того что бы вам не показало ошибку, не забудьте добавить запятую (,) к предыдущей настройке, а код вставить до закрывающей фигурной скобки.

Как установить?

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

Возможно, кому-то пригодится репозиторий этого расширения на github: https://github.com/ivogabe/Brackets-Icons


Мне понравился данный плагин своим удобством выбора набора и возможностью добавить свои иконки. Кстати, в плагине содержатся целых три иконочных шрифта: Ionicons, Devicons и Font Awesome.

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

Ваш e-mail не будет опубликован.