Топ бесплатных редакторов кода

Здравствуйте, если вы до сих пор пользуетесь бесплатным редактором кода  NotePad++, то вам понравиться данная статья, так как ниже приведен топ список современных бесплатных редакторов кода, которые, возможно, заставят вас даже удалить NotePad++…  

Скачать исходники для статьи можно ниже

Основные характеристики современных редакторов кода:

– Минимализм: по умолчанию, они просты, то есть оптимизированы специально для написания кода и в целях очистки интерфейса.

– Расширяемость: возможность улучшить и настроить свой редактор кода под свои личные предпочтения и потребности, установив на него дополнительные моды или расширения (как плагины в wordpress).

– Интеграция с браузером: Проектирование и тестирование в браузере-это оптимальный способ построения сайтов и веб-приложений.

– Кросс-платформенная совместимость: Теперь все редакторы работают на всех операционных системах (Windows, Linux, MacOS,..), практически не ссорясь.

– Открытый исходный код.

1. Brackets

“brackets.io/?lang=en”

brackets

Вот некоторые популярные расширения для Brackets:

– CanIUse (“github.com/cfjedimaster/brackets-caniuse”) – помогает узнать уровень поддержки браузером используемых технологий;
– HTML Skeleton (“github.com/le717/brackets-html-skeleton”) – автоматически вставляет базовые разметки;
– JS CSS Minifier (“github.com/abagshaw/brackets-minifier”) – это расширение будет удалить ненужные символы из файлов JavaScript и CSS;
и др.;
– Beautify (“github.com/brackets-beautify/brackets-beautify”) – это расширение поможет сохранить ваш HTML, CSS, javascript код, последовательно отформатированным, с отступом, и — самое главное — читаемым;
– Brackets Icons (“github.com/ivogabe/Brackets-Icons”)- добавляет файл иконки в боковой панели по типам файлов, с которыми вы работаете.

Самый быстрый способ установить расширения в редакторе кода Brackets с помощью диспетчера расширений, который встроен в редактор, для этого в верхнем меню нужно выбрать пункт “File” (Файл), а далее подпункт “Extension Manager” (Диспетчер расширений):

brackets-extension-manager

Также рекомендую посмотреть видео-руководство на русском языке по следующей ссылке:

“youtube.com/watch?v=O3_gus8nb0Q&list=PLPpaecEYRC8bGw3oj3ecnPjSe09r4bPyo”

 

2. Atom

“atom.io”

atom

3. ICEcoder

“icecoder.net”

icecoder

4. CodeMirror

“codemirror.net”

codemirror

5. Light Table

“lighttable.com”

lighttable

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *