Как сделать код красивым c
Обновлено: 05.07.2024
Подготовили адаптированный перевод материала JavaScript (Medium) о полезных расширениях VSCode.
Рассмотрим 13 расширений Visual Studio Code (VSCode) ― кроссплатформенного редактора скриптов от Microsoft, ― которые помогают отлаживать код, делать его более читабельным и красивым, а также добавляют полезные функции в рабочее пространство разработчика.
редакция нетологии
Auto Close Tag
Одно из самых важных расширений, которое автоматически добавляет закрывающий тег. Не требует никаких команд для активации. По умолчанию Auto Close Tag доступно в VSCode.
Auto Rename tag
Beautify
Функция расширения — превратить некрасивый файл без пробелов и символов табуляции, где каждый тег идёт сразу после предыдущего, в более читабельный и красивый.
Bracket pair colorizer
Это расширение придаёт каждой паре групп свой цвет — можно быстро и легко найти нужную пару.
ESLint
ESLint статически анализирует код для быстрого поиска проблем, которые может автоматически скорректировать.
JavaScript (ES6) code snippets
Одно из классных расширений для JavaScript. Когда пишете что-то в своём коде и забываете, как вызывается функция, расширение автоматически предложит её записать — нужно будет просто нажать Enter.
Профессия
Веб-разработчик
с нуля
Узнать больше
- Научим программировать на JavaScript и PHP — сможете создавать сайты и веб-приложения
- Масштабная программа и много практики — выполните
9 проектов для портфолио - Лучших выпускников ждёт стажировка или трудоустройство в Affinage
Kite делает почти то же самое, что и предыдущее расширение JavaScript (ES6) code snippets. Нейронные сети, которые используются в этом расширении, помогают быстрее писать код.
Слева — ввод символов с использованием расширения Kite, справа — без него
Live Server
Material Icon Theme
Расширение добавляет иконки к файлам и папкам в верхней части окна VSCode, что позволяет легко ориентироваться в них.
One dark pro
Ещё одно расширение, которое сделает рабочее пространство VSCode более удобным и красивым. Оно меняет стандартную тему на новую красивую.
Open In Browser
Это простое расширение, которое позволяет открывать файлы прямо в браузере.
Читать также
Как выбрать исполнителя для разработки сайта
Почему Java-разработчик — одна из лучших профессий в программировании для новичка
Как найти работу за рубежом и организовать там свою жизнь
Есть несколько принципов, которые помогут вам сделать красивое оформление кода JavaScript. Применени е этих принципов не является обязательным или некой религиозной догмой программистов. Это всего лишь рекомендации, которые сделают из вас профессионального программиста, а также в будущем облегчат работу с вашим кодом.
Правильно работайте с переменными
Правильно работайте с функциями
При наз ы вании функций используйте тот же подход, что и при работе с переменными. Название функции должно полностью раскрывать ее намерение, то есть описывать, что конкретная функция делает. Например:
//Плохо
function cNumber (user)
//.
>
//Хорошо
function callNumber(phoneNumber)
//.
>
Старайтесь использовать наименьшее количество аргументов в одной функции. Тут работает такое правило: чем меньше будет аргументов , тем легче ее будет тестировать. Идеальный вариант — это один-два аргумента, три — уже много. Когда хочется указать больше 2-х аргументов, то лучше этого не делать, а создать объект более высокого уровня.
Другой важный момент про функции, который нужно запомнить , — одна функция должна выполнять одно действие. В противном случае ее сложно будет понять и протестировать.
Не допускайте дубликатов кода
Красивый код JS — это код, который не повторяется. Поэтому ваша задача — разрабатывать таким образом, чтобы ваш код нигде не дублировался. Эт у рекомендацию можно рассматривать не только как принцип красоты, а еще и как принцип удобства в работе. Представьте, вы написали какой-нибудь скрипт и продублировали его в нескольких местах (возможно , даже десятках!). Потом вам нужно внести изменение в этот скрипт. В таком случае вам придется искать все места, где размещен этот скрипт.
А должно быть проще: скрипт должен находит ь ся в одном месте, но выводит ь ся в нужных местах. В этом случае, когда нужно будет его откорректировать , вы сделаете это лишь в одном месте.
Правильно работайте с глобальными объектами
Красивый код JS — это работа с мелочами
Заключение
Хочется еще раз сказать, что все описанное выше не является обязательным к исполнению и использованию. Все это рекомендации, которым следу е т большинство профессиональных разработчиков. Потому что именно эти рекомендации позволяют создать по-настоящему красивый код JS без потери его функциональности.
Мы будем очень благодарны
если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.
Читайте также: