15 марта 2017  /  Инструменты

Миграция на Visual Studio Code

Альтернативная версия иконки для VS Code, автор James Gilyead

Уже 2 недели я использую Visual Studio Code для работы. Он пришел на замену, моему любимому, атому. В этой статье я расскажу почему так произошло и поделюсь впечатлениями.

Почему захотелось перейти

Основная причина перейти на другой текстовый редактор — ужасная тормознутость Atom. Случайно откроешь не тот файл, который чуть больше половины мегабайта и снова приходится открывать диспетчер задач.

Вторая же причина — у VS Code встроенный IntelliSense. Т.е. он могет как крутая IDE оставаясь таким же легковесным как Sublime Text.

Что мешало миграции

Самая большая проблема — нужно привыкать к новым горячим клавишам (хоткеям). Именно это мне помешало перейти на VS Code пол года назад. В этот раз я основательно подготовился и нашел плагины, которые делают VS Code похожим на Atom:

1. Atom keymap — переносит привычные сочетания из Atom в VS Code. Автор плагина — Microsoft. Как же я рад что они сделали это.
2. Join lines — фиксит не работающее сочетание CMD + J
3. Atom One Dark Theme — привычная тема из Atom
4. Material Icon Theme — иконки для файлов
5. Duplicate action — дублирование файла/директории через контекстное меню в боковой панели (спасибо c01nd01r)

После этого, большинство проблема отпали сами собой.

Мои расширения под VS Code

Помимо описанных выше, я так-же установил:

1. Babel ES6/ES7 — подсветка es6/es7
2. Beautify — форматирование документа, взято исключительно из-за параметра wrap_attributes, который переносит html аттрибуты на новую строчку
3. Sass — думаю тут все понятно
4. Path Intellisense — автодополнение для путей к файлам
5. Prettier — JavaScript formatter — форматирование при сохранении, временно требуется для NodeJS курсов
6. Project Manager — менеджер проектов, такой-же как в Atom
7. Colorize — подсветка цветов
8. Custom CSS and JS Loader — подгрузка своего CSS и JS для изменений внутри VS Code
9. Hex-rgba converter — конвертер цветов
10. ESLint — линтер
11. HTML CSS Support — автодополнение классов в HTML
12. EditorConfig for VS Code — поддержка EditorConfig

Размышления в конце

Редактором VS Code я доволен. Думаю что всем кому не подошел Atom, подойдет VS Code. Который исправил все проблемы, которые были в атоме и доказал что проблема не в лагучем Electron (читай JavaScript).

Если у вас есть чем дополнить статью или вы хотите поделиться вашим опытом использования этого редактора — милости прошу в комментарии.

Спасибо за внимание.

Из комментариев

1. Duplicate action — дублирование файла/директории через контекстное меню в боковой панели (спасибо c01nd01r)
2. SCSS IntelliSense — автодополнение для переменных в SCSS (спасибо c01nd01r)
3. Express — управление экспресс сервером (спасибо Владиславу Алтынцеву)
4. Settings Sync — синхронизация настроек (спасибо LeusMaximus)
5. Untabify — замена табов на пробелы и наоборот (спасибо Виталию Юрьеву)
6. Jumpy — прыгает по коду (спасибо Виталию Юрьеву)
7. Git blame — показыет кто и когда редактировал текующу строку (спасибо Виталию Юрьеву)

⌘ ⌘ ⌘

Еше можно подписаться на email рассылку новых заметок. Не чаще раза в неделю, без спама.