Научаването на ново умение може да бъде невероятно обезсърчително. Притежаването на тези инструменти ми помогна изключително много, но не знаех за повечето от тях до половината от моя курс за кодиране. Ето някои разширения, които използвам в моята настройка, които може да намерите за полезни.
Проверка на правописа на кода
Въпреки че изглежда просто, това разширение е хванало повече грешки от вероятно всеки друг инструмент, който използвам! Вашият код не може да се компилира, ако сте въвели calss вместо class — Code Spell Checker ще улови тези малки правописни грешки, като ги подчертае във VS Code.
Автоматично преименуване на етикет
Ако трябва да преименувате таг на HTML елемент, това разширение ви позволява да редактирате едновременно отварящия и затварящия тагове. Работи и с JSX, така че това разширение ще бъде полезно и с React!
Prettier — Форматиране на код
Prettier е програма за форматиране на код, която ще анализира вашия код и ще го направи по-четим. Това разширение ми помогна да напиша по-изчистен код и да разбера най-добрите практики.
Сървър на живо
Live Server ви позволява да щракнете с десния бутон върху html файл и да отворите прозорец на локално обслужван браузър. Най-добрата част е, че връзката е на живо - всеки път, когато запишете файла си, тези промени се виждат в прозореца на браузъра, без да е необходимо опресняване.
Поддръжка на HTML CSS
Това разширение предлага довършване на код и други функции за поддръжка за писане на HTML/CSS във VS Code — много полезно!
Кодови фрагменти на JavaScript (ES6).
Това разширение е невероятно полезно, когато изучавате основите на JavaScript. Той ще предостави кодови фрагменти, които ще подобрят вашия работен процес.
vscode-икони
Това разширение подобрява иконите на файловете, които се показват във вашия редактор на код и може да бъде много полезно при търсене на конкретни типове файлове. Помага всичко да изпъкне.
Прости фрагменти за реакция
Това разширение ще бъде полезно, когато изучавате React. Използвам това разширение всеки ден от живота си на професионален разработчик! Той предоставя команди и фрагменти за бързо настройване на React компоненти.
GitLens
Това е мощен инструмент, специално за сътрудничество — той ще ви покаже информация за промените в кода във вашия редактор. Супер удобно за проследяване на ангажименти.
Path Intellisense
Предложения за автоматично довършване за пътища на файлове. Ще правите много връзки и импортиране на файлове във вашите проекти - това разширение намалява грешките в имената на вашите пътища.
Markdown Всичко в едно
Голям процент от оценката ви зависи от наличието на качествен README.md — това разширение помага с подчертаването на синтаксиса на mardown, клавишните комбинации и автоматичното довършване.
Къде да добавите разширения:
Като щракнете върху иконата на разширенията (петата отгоре), можете да търсите разширения в Market place.
