Раньше я использовал JetBrains WebStorm в качестве основного редактора кода. У него было несколько очень полезных расширений с поддержкой графического интерфейса (интеграция с TFS, наблюдатели за файлами для компиляции SCSS, запуск локального веб-сервера и т. д.). Поскольку в то время я еще не был хорошо знаком со сценариями построения кода и консольными инструментами, эти функции были очень полезны для меня, и я не решался следовать последним тенденциям в процессе разработки.

Но когда пару лет назад появился Visual Studio Code, он сразу бросился мне в глаза. Я был поражен его легкостью и, конечно же, тем, что он был с открытым исходным кодом. Помимо использования Ionic framework и следования их рекомендациям и рекомендациям, VS Code побудил меня стать лучшим разработчиком — я перешел с графического интерфейса TFS на GIT bash и начал учиться с помощью консольных компиляторов, трансляторов и других инструментов автоматической сборки.

С тех пор VS Code стал моим любимым и единственным редактором кода. Помимо других функций, он предлагает очень хорошую поддержку TypeScript — в настоящее время мой основной язык программирования, включая IntelliSense. Есть также несколько расширений сообщества, доступных для любого языка программирования. Я не использую так много, но есть несколько, на которые я хотел бы обратить внимание:

  • TypeScript Hero помогает включить импорт и дополнительно улучшает возможности IntelliSense,
  • Beautify обеспечивает форматирование исходного кода SCSS и
  • Document This помогает создавать комментарии к исходному коду.

Если вы также нашли какие-либо расширения TypeScript, на которые стоит обратить внимание, сообщите мне об этом в комментариях :)

Еще одна полезная функция редактора VS Code — его настраиваемость и возможность запуска консольных задач. Вы можете сопоставить любую комбинацию клавиш практически с любым действием, которое вы можете придумать — в форме простого json — очень удобно :) Просто откройте «Файл -> Настройки -> Сочетания клавиш». и вы можете переопределить настройки по умолчанию своей собственной конфигурацией.

Аналогичным образом вы можете интегрировать VS Code с внешними задачами. В предыдущем посте я писал о создании задачи NPM для автоматизации производственной сборки и публикации на веб-сервере по ftp. Мы можем легко вызвать эту задачу непосредственно из кода VS.

Теперь я могу запустить эту задачу, нажав "Ctrl+Shift+P", набрав "task", выбрав "Выполнить задачу", а затем выбрать мою новую задачу "publish-ftp".