Когда вы читаете код JavaScript/Typescript, вы когда-нибудь сталкивались с импортированным пакетом и хотели узнать о нем больше? Например, зайти в репозиторий NPM или GitHub, где можно получить более подробную информацию. Когда я оказываюсь в такой ситуации, мой процесс всегда включает в себя копирование названия пакета, его поиск в Google и, наконец, переход к месту назначения — NPM, GitHub Repo или веб-сайту пакета. Это тоже может быть не так просто, как кажется, поскольку может быть несколько пакетов с похожими названиями, и вам придется выяснить, какой из них правильный.
Расширение объектива импортированных пакетов NPM
На прошлой неделе я решил кое-что с этим сделать. Я создал расширение VS Code, которое покажет вам ссылки на NPM, Github и домашнюю страницу (обычно это сайт документации или GitHub ReadMe проекта) для импортированного пакета прямо в файле Typescript/Javascript. Нажмите на ту ссылку, которую вы хотите открыть, и вы попадете на нужную страницу без ментальной модели, задействованной в моем предыдущем процессе.
В настоящее время расширение показывает три ссылки: NPM, GitHub и Homepage, и все они берутся из NPM для последней версии пакета — я постараюсь решить проблему версионности со временем, особенно для ссылки на Homepage. В настоящее время расширение работает для модулей ES для Typescript, Javascript и JSX/TSX файлов; я надеюсь добавить поддержку других фреймворков, таких как Vue, Svelte и Astro в ближайшем будущем.
Вы можете установить расширение отсюда и найти репозиторий на Github здесь (пожалуйста, оставьте звезду ⭐). Спасибо.