5 полезных расширений для повышения скорости кодирования
Вступление
Код Visual Studio - один из лучших текстовых редакторов, которые вы можете использовать, особенно в веб-разработке. У него отличный интерфейс для разработчиков и множество полезных функций. В результате это делает его текстовым редактором кодирования номер один в мире. VS Code также имеет множество полезных расширений, созданных другими разработчиками, чтобы упростить вам процесс разработки.
В этой статье мы познакомимся с некоторыми полезными расширениями VS Code, которые должны быть у каждого веб-разработчика. Давайте приступим к делу.
1. Живой сервер
Живой сервер - это одно из расширений кода Visual Studio, которое должен иметь каждый разработчик. Он имеет более 8 миллионов загрузок и позволяет запускать локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц. Это может быть полезно, если вы хотите видеть изменения своей веб-страницы, не обновляя ее каждый раз, когда вы меняете код.
Вы можете установить это расширение, выполнив поиск по кнопке расширений в VS Code. Как и в примере ниже, то же самое применимо к любому другому расширению.
2. Красивее
Prettier - отличное расширение для форматирования кода в VS-коде. У него более 9 миллионов загрузок, и он обеспечивает согласованный стиль, анализируя ваш код и повторно распечатывая его со своими собственными правилами, которые учитывают максимальную длину строки, при необходимости упаковывая код.
Вы можете проверить их репозиторий Github, если вам интересно.
3. ES7 React / Redux / React-Native / фрагменты JS
Если вы поклонник React, это расширение будет для вас очень полезным. Он разработан для React, Redux и Graphql в JavaScript или TypeScript с синтаксисом ES7.
У этого расширения более 2 миллионов загрузок, и оно предоставляет множество полезных фрагментов в ES7 с функциями плагина Babel для VS Code.
В расширении есть множество команд, которые вам необходимо знать, чтобы сгенерировать искомый код.
Вы можете проверить их репозиторий Github, если вам интересно.
4. Живой компилятор Sass
Live Sass также является отличным расширением, его скачали более 900 000 раз. Он компилирует все ваши файлы Sass или Scss в обычный CSS с перезагрузкой браузера в реальном времени.
Это расширение зависит от расширения Live Server для перезагрузки браузера в реальном времени.
Вот их репозиторий Github, если хотите его проверить.
5. Закладки
Закладки - это отличное расширение VS Code, которое позволит вам отмечать строки в коде и переходить к ним.
Это расширение скачали более 1 миллиона раз. Когда вы работаете над крупными проектами, это огромный спаситель, потому что избавляет вас от прокрутки и поиска фрагмента кода, например, в файле с 1000 строками.
Если интересно, вы можете проверить их репозиторий на Github.
Заключение
Как видите, редактор кода Visual Studio имеет множество полезных расширений, которые вы можете использовать как разработчик и воспользоваться ими. Это повысит вашу скорость кодирования и поможет вам работать более продуктивно.
Спасибо, что прочитали эту статью, надеюсь, вы нашли ее полезной. Если да, то получите больше похожего контента, подписавшись на наш канал YouTube в Decoded!
