Привет всем 😄
Это вторая часть серии Суперзаряженный код Visual Studio; В первой части я выделил несколько плагинов, которые упростят жизнь при разработке;
В этой статье я поделюсь некоторыми инструментами, которые помогут нам писать код лучше…
- Написание комментариев стандартным и удобным для человека способом — это то, что может улучшить вас как разработчика; использование улучшенных комментариев помогает справиться с этим.
пример:
– Легко сделать ошибки при именовании переменной, константы и т. д. Чтобы уменьшить это, Code Spell Checker помогает с базовой проверкой орфографии, чтобы выявить орфографические ошибки.
пример:
- Как разработчик внешнего интерфейса легко забыть, что означает "ведущий-расслабленный" в попутном ветре, но css peek все, что мне нужно сделать. это навести курсор на css, и он получит то, что было определено в классе
пример
- Представьте себе все прелести github в своем vs-коде, а затем этот пакет также поставляется с git-blame, который поможет вам узнать автора конкретного файла, строки кода и т. д.
GitLens предлагает такую функциональность и многое другое…
пример: тут показало что я автор файла
- Когда вам нужно изменить много кода, легко забыть последнюю строку кода, над которой вы работали, и здесь на помощь приходит Footsteps.
– Для автозаполнения пути vs-code Path Intellisense является одним из лучших.
- Если вы обнаружите, что сами переименовываете теги, будь то элемент JSX, элемент HTML и т. д., лучше всего использовать Автоматическое переименование тега, этот плагин помогает автоматически изменять начальный и конечный теги. и он также отлично работает для самозакрывающихся тегов
- Добавить комментарии jsdoc – это отличный инструмент, который автоматически генерирует комментарии на основе определения функции. Он сканирует имя вашей функции и ожидаемый параметр, а затем предоставляет вам отличный комментарий, который помогает рецензенту понять, что такое код. NB: он работает с файлом JavaScript, а не с файлом TypeScript.
пример:
– Сортировка строк помогает сортировать аргументы, параметры, реквизиты и т. д. в указанном вами порядке.
- Зачем объяснять свой код (строку кода или файл), если за вас это может сделать ИИ 😅; да, это то, что делает Denigma, он анализирует ваш код и предоставляет объяснение с помощью ИИ
пример:
Спасибо за просмотр этого урока. (поставьте лайк и добавьте свои комментарии)
Вы также можете ознакомиться с другими моими уроками на среднем
Отдельное спасибо моему другу — крутому разработчику внешнего интерфейса Джош за помощь в обзоре 🙏
Если у вас есть какие-либо вопросы, отзывы или комментарии, пожалуйста, дайте мне знать.
Вы можете связаться со мной в twitter email github
Вы также можете связаться со мной (я использую React-Native & React Js) twitter email