Есть много таких блогов в лучших расширениях, но не вредно читать новый и узнать, возможно, мало новых расширений, которые могут оказаться полезными в вашей жизни программирования.
У нас есть много замечательных и отличных редакторов, таких как Atom, Sublime Text, Microsoft Visual Studio Code …
Из всего этого фаворит толпы — это код Visual Studio. Ага Имя слишком длинное, поэтому давайте используем аббревиатуру VSC для остальной части блога.
VSC может предложить самым популярным редактором. Его бесплатно, простая в настройке, простая в использовании, но одна из наиболее важных функций, которая делает VSC Special, — это доступность большого количества расширений.
Здесь я пишу блог, который похож на блог по умолчанию для разработчиков. Почти каждый разработчик когда -нибудь или другой, учитывая свои рекомендации по расширению VS кода. В этом блоге я буду обсуждать о моих любимых расширениях и о том, что делает их такими хорошими. Итак, следите за удивительными рекомендациями.
Начать с,
1. Живой сервер:
Если вы делаете статические веб -страницы на HTML, CSS и JavaScript, Live Server является расширением. Приходя к своей функции, будучи передовым разработчиком, это так разочаровывает, чтобы неоднократно обновлять страницу браузера, чтобы проверить изменения. И как имя предлагает живой сервер автоматически обновляет страницу, когда вы сохраняете изменения. Итак, вы видите, что разработка Front End стала намного проще.
Далее в списке,
2. CSS PEEK:
Снова расширение драгоценного камня для фронтальных разработчиков. Как часто мы видим, завершали наш проект, и у него около 300 линий CSS. Теперь через некоторое время мы хотим изменить CSS конкретного раздела тега, тогда нам не нужно искать полный файл CSS, вместо этого мы можем использовать CSS Peek.
Просто наведите на тег HTML, чьи CSS вы хотите отредактировать, а затем нажмите: CTRL/CMD + Указатель мыши
Выполнение этого приведет нас к точной строке в нашем файле CSS.
Видите ли, вы только что спасли себе проблему, чтобы обдумать более 400 линий CSS, чтобы найти свой элемент.
3. Красивее:
Предположим, что вы написали около 200 строк HTML, CSS или любого другого языка и после завершения проекта, который вы возвращаете через 5 дней, и видите, что все испорчено. Нет форматирования кода, ничего не читаемо. Если бы форматирование было сделано, код будет выглядеть намного лучше.
В конце концов, отформатированный код не только делает код читаемым, но и презентабельным.
Итак, как мы можем отформатировать наш полный код за один раз? Очень просто, просто установить Более красивое расширение а затем нажмите Shift + alt/option + f
4. Материальная тема:
Нам всем нужна подходящая среда для всего, что мы делаем. Прохладное и чистое небо для выхода на улицу, музыки и кондиционера в спортзале, но то, что нужно разработчикам, является хорошей темой, которая сопровождает их редактор, так что программирование не так скучно, как все думают. Итак, чтобы получить некоторые из лучших тем, которые вы можете скачать Расширение материальной темы что дает несколько классных тем, чтобы выбрать. Мой любимый Темный высокий контраст , прокомментировать ниже.
5. Автопродажа тега:
Просто предположим, что вы пишете HTML -код, и есть тег, который, по вашему мнению, нужно изменить. Таким образом, вы меняете его, но теперь закрывающий тег после 60 80 строк, так что вы прокручиваете вниз И теперь вы не идентифицируете, какой является правильный закрывающий тег. Вы снова прокрутите вверх …
Болезненно !! Не так ли?
Загрузите расширение тегов Auto Ername, а после этого при изменении тега открытия, закрытие тега меняется автоматически.
6. Пара кронштейнов Colorizer:
Подобно тегам, иногда мы можем быть подброшены между большим количеством кронштейнов в сценарии кода. Ну, вышеупомянутое расширение позволяет вам установить цвет для различных типов скобок. Кроме того, когда вы выбираете открывающий кронштейн, он рисует красочную линию, подключающуюся к закрытию для легкой идентификации.
7. Live Sass Compiler:
Работа над SASS намного лучше, чем CSS. Sass дает вам свободу использовать концепцию родительского ребенка в письменной форме CSS. Создайте несколько файлов для разных страниц и используйте их везде, где вы хотите, как компоненты React, которые делают стиль намного проще.
Но нам нужен компилятор Sass, чтобы преобразовать SASS в CSS, чтобы стиль работал, и именно здесь пригодится Live Sass Compiler. Он собирает ваш SASS в CSS, как только файл будет сохранен.
8. Лучшие комментарии:
Написание комментариев — хорошая привычка для разработчиков. Это увеличивает шансы на лучшее понимание вашего кода при посещении. Что, если я скажу вам, есть способ добавить комментарии в разных цветах, а не старого легкого оттенка серого. Просто установите более высокие комментарии расширение и наслаждайтесь красивыми комментариями.
9. ES7 React/Redux/GraphQL/React-Clound Snippets:
В основном предварительно установлен, но если не вам нужно установить его сразу. В конце концов, вы не хотите писать несколько фрагментов по умолчанию на каждой вашей кодовой странице. Это расширение предлагает вам фрагмент кода, а также есть несколько ярлыков для фрагментов большинства фреймворков.
Это завершает мой список расширений, поэтому, если вы читаете это до тех пор, я хотел бы узнать, те расширения, которые вы используете.
Прокомментируйте их ниже, чтобы у нас была хорошая коллекция полезных расширений.
Оригинал: «https://dev.to/ayushdev_24/my-favorite-vs-code-extensions-as-a-web-developer-1il8»