Некоторые из лучших расширений VS Code, которые вы должны проверить как фронтенд-разработчик в этом году…
Вступление
Visual Studio Code, возможно, лучший редактор кода для использования в 2018 году (если вы не уверены, взгляните на него), имеет множество расширений, они поставляются с своего рода хранилищем расширений (точно так же, как магазин приложений для ваши приложения) под названием Market Place. Существуют расширения для отладки кода, кода форматирования, ключевых карт, технологий разработки (таких как heroku, github, docker, azure), тем IDE, линтеров кода, фрагментов кода и многих других категорий.
Совет: используйте Бит, чтобы повторно использовать компоненты и быстрее создавать! Легко систематизируйте и используйте свои компоненты, чтобы создавать больше приложений вместе со своей командой. Попробуйте.
Хорошие новости для фронтенд-разработчиков
Эта статья предназначена для всех разработчиков, но в основном для тех, кто работает с языком разметки, таблицами стилей, Javascript и его многочисленными фреймворками. Произошел бум представлений по-настоящему интересных расширений VS Code для облегчения и повышения эффективности разработки внешнего интерфейса (это также показывает, как сообщество поддерживает VS Code). В этой статье я кратко выделю 10 обязательных расширений VS Code в 2018 году, чтобы вы могли улучшить свою IDE.
Живой сервер
Это классное расширение от Ritwick Dey создает локальный сервер разработки для ваших статических и динамических страниц. На панели задач появляется кнопка запуска, поэтому вы можете легко запускать свой код в качестве сервера разработки. Он также имеет замечательную функцию: Live Reload, которая перезагружает страницу, как только вы сохраняете свою работу. Довольно круто.
Живой компилятор Sass
Это расширение от Ритвика Дея компилирует ваши файлы scss в файлы css так же быстро и в режиме реального времени, как и node-sass. С помощью кнопки watch-my-sass на панели задач он может отображать предварительный просмотр скомпилированных стилей в реальном времени в предпочитаемом вами браузере, а также с функцией Live Reload.
Фрагменты кода Javascript
Это расширение от Charalampos Karypidis с более чем 2 миллионами загрузок и подсчетом предоставляет фрагменты кода javascript в синтаксисе ECMAscript 6 при использовании файлов javascript и других файлов, таких как Typescript, Javascript React, Typescript React.
НПМ
Это официальная поддержка диспетчера пакетов узлов в VS Code. Это помогает управлять файлом package.json всеми мыслимыми способами. Он помечает предупреждения для зависимостей, которые определены, но не установлены, или тех, которые установлены, но не определены в package.json, а также указывает на несоответствия в управлении версиями пакетов. Он также обеспечивает быстрый запуск команд npm с помощью простых ярлыков.
ESLint
Вот и весь линтинг для вашего Javascript и jsx. Подключаемый и гарантирует, что вы придерживаетесь стандартных методов, таких как отступы, позиционирование и многое другое. Это одно из самых загружаемых расширений в VS Code, его скачали почти 12 миллионов раз.
Красивее
Это очень популярное расширение от Эсбена Петерсена. В настоящее время он может похвастаться почти 4 миллионами загрузок. Он помогает форматировать код Javascript, раскрашивает ключевые слова, чтобы сделать ваш код легко читаемым. Существуют аналогичные расширения, и одно из самых популярных - это beautify (которое также доступно на торговой площадке).
CSS Peek
Это действительно полезное расширение от Pranay Prakash помогает нам при работе со строками и идентификаторами классов языка разметки, идентифицируя и перечисляя различные стили, уже примененные к указанному элементу. Это очень полезно, так как позволяет сэкономить много времени при просмотре файлов html и css, а также пригодится разработчикам, которым не нравится разделение экранов.
Angular 6 фрагментов
Это официальное расширение фрагментов Angular 6 для VS Code. Он следует руководству по стилю Angular и помогает значительно упростить работу с Angular. Он имеет функции предсказуемости кода в сочетании с функцией автозаполнения, совместимой с новой версией 6. Он поддерживает машинописные тексты, сервис-воркеров, RxJS, ngRx и даже Angular Material. Если вы используете Angular и еще не имеете этого, вам действительно стоит подумать. получить это.
Ветур
Это официальное расширение Vue js для VS Code. Vetur был здесь, чтобы упростить разработку Vue js, набрав впечатляющие 5 миллионов загрузок. Он имеет возможности проверки ошибок, функцию автозаполнения кода, а также поддерживает предоставление фрагментов. Разработчики Vue также получают здесь последние новости о встречах и конференциях, это действительно круто.
Отладчик для Chrome
Это официальное расширение отладчика Chrome для VS Code. В настоящее время одно из наиболее часто используемых расширений на торговой площадке VS Code. Это помогает вам отлаживать ваши js-файлы, запущенные в вашем браузере Chrome, прямо из VS Code, насколько это круто? У него есть множество преданных разработчиков, и он значительно упрощает работу фронтенд-разработчика.
Как мне получить эти расширения?
- Во-первых, скачайте VS Code здесь, если у вас его еще нет, посмотрите удивительные вещи, которые вы можете делать с VS Code.
- Затем просто используйте строку поиска на вкладке расширений, чтобы найти нужное расширение.
Заключение
Это всего лишь несколько расширений из тысяч и тысяч других, их гораздо больше, и они не самые лучшие, но большинство из них просто необходимы для веб-разработчиков. Дайте мне знать, какие ваши любимые расширения VS Code внизу в комментариях! :)
