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

atom

Здравствуйте, если вы до сих пор пользуетесь бесплатным редактором кода  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 не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>