Полная настройка Node.js с TypeScript в 2023

[@VladilenMinin]

Инструкция и исходный код тут: t.me/js_by_vladilen/548 Закрытый блог в Boosty: boosty.to/vladilen

[@daniil_pavlov]

Так, у кого ошибка: ERR_UNKNOWN_FILE_EXTENSION Нужно установить tsx вместо ts-node и изменить в nodemon.json, в строке exec, соответственно.

[@DubinArtur]

Спасибо

[@NowAndroid]

Благодарю

[@ТагирФасхутдинов-т5х]

Спасибо, очень выручил

[@denisshepelev1966]

Вы просто не представляете насколько актуально это и как вовремя для меня вы это выложили. Огромная благодарность за труды!!!

[@ShaidarHaran87]

Ахаха, для меня тоже. На два дня раньше бы ещё)

[@alexandrkruglyak]

Ребят пишу микросервисы на nodejs для junior, кому актуально - добро пожаловать💪

[@asg5511]

Очень полезный ролик! Благодарю! У Владилена бесплатный контент, круче чем у некоторых на платных ресурсах.

[@АлексейСтепанов-к9о]

Владилен, спасибо за подробное раскрытие информации. Как всегда все разложено по полочкам и разжевано до полной ясности. Однозначно лайк.

[@deletu1844]

Не всё

[@ShaidarHaran87]

Владилен, спасибо. Топ контент. Минимум воды, всё четко и по красоте.

[@VladilenMinin]

🤝

[@forellko8600]

Как всегда топ контент! Спасибо!

[@Лаурахит]

Четко ясно и по полочкам, как и всегда. Благодарю за хорошую подачу и четкое объяснение!!!

[@caH40yc]

Комментарий в поддержку видео. Спасибо за урок, полезная информация!

[@todayisyourfuture]

Как раз я недавно начал учить нодежс и хотел курс от Владилена. Спасибо за труд 🎉

[@ruslanundefined2242]

Очень ценная инфа как для новичков, я хоть и знал более половины из этого, но посмотри это видео раньше, столько времени бы сэкономил) спасибо за видос!

[@evgeniy_pashko]

У Prettier есть некоторая особенность при форматировании кода, некоторые правила конфликтуют с ESLint с точки зрения оформления кода. Дополнительно в таком случае еще надо ставить пакет eslint-plugin-prettier и произвести настройку.

[@egolege]

Примеры в студию

[@evgeniy_pashko]

@@egolege поэкспериментируйте сами, используя установленные плагины ESLint и Prettier. Подхватив конфиги с папки проекта они позволят на лету проверять, а не в случае, как на видео когда через npm команды выполняется линтинг и форматирования. По-крайней мере вариант проверки кода на лету я предпочитаю больше чем через команды

[@romanmed9035]

@@evgeniy_pashko соглсен с тем, что именно на лету, иначе теряется всякий смысл исполльзования. причем сделать то не долго и не сложно.

[@Avrelian-os1ht]

Блять, это написано в доках преттир, ватсон

[@Boy270978]

Спасибо тебе большое добрый Человек !

[@anvarzaripboyev5730]

Просто прекрасно!

[@Happy-wt9dy]

Это просто гениально! Я как раз заканчиваю изучать основы js и перехожу на ts, очень актуально и вовремя подана информация)

[@nade3282]

а что гениального то

[@Happy-wt9dy]

@@nade3282 Очень понятно и доступно объяснить тему - признаки гениальности

[@nade3282]

@@Happy-wt9dy ты его переоцениваешь

[@nade3282]

@@Happy-wt9dy и это не признаки гениальности

[@sergey-fadeev]

@@nade3282 Ты че до***ся до человека?

[@Syberby]

Старый добрый Владилен. Учился по твоим роликам.

[@d_r_robot]

Лайк с двух ног! Спасибо тебе за контент!

[@xp4ns]

Огромное спасибо, очень познавательно

[@RosTwitchNadzor]

Самое полезное видео что я видел по этой тематике

[@sailoks8411]

Ураа, спасибо за видео!!

[@НикитаПопов-у1щ]

Боже это же ангел 😂. Спасибо за видео, реально полезно

[@alexandrkruglyak]

Актуальная инфа по typescript, однозначно лайк! микросервисы nodejs для junior , кто в теме - заходим в гости!

[@БорисОстроумов-т7к]

О, ты вернулся, с возвращением!

[@VladilenMinin]

🫡

[@webstack-frontend1697]

Классное видео, спасибо!

[@andygr1n1]

в целом прекрасный обзор! Не смог пройти мимо так как пытаюсь решить проблему alias на 18 nodejs. К слову, 18 нода и даст все современные преимущества )

[@fvllen_angel7]

на 4:49 при вводе touch src/main.ts touch : Имя "touch" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку. В чем может быть проблема?

[@GunaevVO]

тоже самое, как исправть ?

[@fvllen_angel7]

@@Maksim-nu8hb да, ты прав, с BASH или ZSH все работает

[@fvllen_angel7]

@@GunaevVO Запусти данную команду с линуксовского терминала bash или zsh. Если ты с винды, то установи Git Bash или уже даже WSL (Windows Subsystem for Linux). В PowerShell или cmd другой синтаксис команд

[@Vlad-sw4zd]

Ну а вот в create react app проекте по дефолту запуск eslint - это часть сборки Для этого в скрипт запуска достаточно npx eslint добавить?

[@ЕвгенийПеревалов-ч1т]

Не смотрел, но одобряю. )))

[@alekseirukhmanov9123]

спасибо очень ценная инфа, а rimraf с флагом -D? на проде же тоже надо наверное папку build обновлять иначе после 50 коммитов там скопится всякое

[@Bulat1]

И всё??? Так легко ? Спасибо!!! Просто огромное спасибо !

[@brutalv4]

Спасибо за контент! Имхо скрипты были бы изящней, если их ещё разбить на prebuild и prestart так, чтобы все что до амперсандов туда

[@dmitriy8735]

Для работы тайпскрипта НЕ нужен ts node.

[@woodDacha]

Спасибо за полезное видео. Подскажите пожалуйста а если я хочу сделать один репозиторий и в нем 2 папки client(React) и server(NodeJs) то получается у меня в каждой будет свой pacage.json, свои папки node.modules и свои настройки для притера и линтера но будет общий файл gitignore в корневой папке, а как быть с хаски где его прописывать? ведь коммит будет для обеих папок и нужно чтобы линтер в обеих сработал, или нужно еще как то третий json в корневую папку? Подскажите как это делать правильно кто знает !!! :)

[@SerhiiDiachenko-d9j]

После добавления type: "module" в package.json получаю ошибку [err_unknown_file_extension]: unknown file extension ".ts". Кто-нибудь сталкивался? Как можно исправить?

[@wlyapa]

можешь убрать строку. У меня без нее все работает

[@dartchanel4949]

@Владилен Минин если установить Next13 то типы и линт добавляются в dependencies а не в dev как у вас... Зашел в замешательство, куда правильно устанавливать?

[@wlyapa]

они нужны в продакшене? Если они вам нужны, то оставляйте в dependencies, а если нет, то лучше в dev

[@ssurrokk]

Prettier , для чего он нужен? Ведь ESLint тоже может фиксить код

[@СвириденкоВолодимир-х1с]

Prettier нужен для того, чтобы форматировать код, а не фиксить.

[@IntallTv]

а где папка .husky так как показал точно будет работать?

[@СвириденкоВолодимир-х1с]

У меня не работает, наверно так не пойдет, и нужно чтобы была папка .husky

[@СергейВ-о8ъ]

чето эта хрень с расширением .js выглядит как какой то костыль. Я вообще разочаровался когда переключил на режим module и обнаружил что теперь и расширение надо явно указывать, и папки он не импортирует, если в них index.js лежит

[@VladilenMinin]

Согласен, выглядит как костыль. Но это в теории дает возможность работать одновременно с модулями и CommonJS. Например, для миграции проектов

[@MDanshin]

prettier не заработал, пока его не поставил как Plugin для VS Code

[@ПетрПетров-ж9е]

Владилен а что тут нового для 2023?

[@angrysmilex]

А что с папкой node_modules? Каждый новый проект будет генерировать новую папку с кучей библиотек и весить по 500мб... Может на pnpm переходить?

[@DarkzarichV2]

Pnpm без ВПН в РФ не установить, санкции

[@СергейКурганов-о2э]

Как вариант Deno, Rust.

[@angrysmilex]

@@СергейКурганов-о2э К сожалению, Deno не востребован в компаниях.

[@mcamour]

.js как убрать кто нашел? кто нашел как импортить модули по названию папки, без index.js? вебпак по старинке нужно добавить что ли? или более современные esbuild и тд? легче уже на deno перейти. Раз в 2-3 года typescript устраивает нам "приколы"

[@vid253]

С появлением Bun можно уже не морочиться с node.js

[@rustamimamiev2427]

Почему не объяснить с самого начала. Как настроить node для VS Code?

[@wlyapa]

потому что node устанавливать на пк непосредственно, а не для vscode Да и видео називаеться как добавить ts в nodes проект

[@rustamimamiev2427]

@@wlyapa я знаю, что node на ПК непосредственно. Он у меня работает, только у меня не так side bar выглядит..хз почему

[@The14Some1]

Очень сложно. Я думал, ts в node можно включить установкой одного-двух пакетов, и всё само по себе заработает.

[@РинатИдиятов-я3э]

Для тех у кого не работает nodemon "dev": "nodemon -I --exec node --experimental-specifier-resolution=node --loader ts-node/esm ./src/main.ts"

[@Vlad-sw4zd]

Спасибо. Помогло исправить ошибку ERR_UNKNOWN_FILE_EXTENSION.

[@Ksushapi]

немного костыль...`--experimental-loader` may be removed in the future; instead use `register()` Может быть можно проще?

[@Vlad-sw4zd]

@@Ksushapi чтобы это исправить я сделал следующее. 1. В /src создал файл register.js с содержимым: ``` import { register } from "node:module"; register("ts-node/esm", import.meta.url); ``` 2. Команду запуска заменил на: `npx nodemon -I --exec node --experimental-specifier-resolution=node --import ./src/register.js ./src/main.ts`

[@Vlad-sw4zd]

@@Ksushapi но в итоге мне вообще не понравилась реализация с nodemon и ts-node, потому что при краше у меня не выводится детализация ошибки. Так что я нашел более простое решение. Установить пакет tsx и команду запуска заменить на `npx tsx watch src/main.ts`.

[@Juggerna_ut]

Золотой ты человек!

[@glagol07r]

Капец и это только настройка😨 а в проекте наверняка еще больший кошмар

[@dionusios05]

Ну очень интересно,➡⌨ но ничего не понятно ‼

[@pauldudich]

как можно было не добавить алиасы в проект 2023 года ..

[@МихаилОльховатов-ц3б]

а можно еще видео про альтернативы MongoDB? А то доступ россиянам к этому приложению закрыт

[@СергейВ-о8ъ]

с какого это перепугу?

[@astkh4381]

@@СергейВ-о8ъ когда путлер на Украину напал, многие иностранные компании ушли из России, в том числе и Mongo.Без впн туда не зайдёшь.

[@СергейВ-о8ъ]

@@astkh4381 ты бредишь что ли? я только что взял и зашел без всяких VPN

[@xlyak8261]

Закрыли MongoDB Atlas, надо искать альтернативные клауд-сервисы

[@СергейВ-о8ъ]

@@xlyak8261 +1 в список пида*асов тогда их. Нечего во вражеском облаке хранить данные, у яндекса аналогичные сервисы есть. Но вообще какой в них смысл если можно на своем сервере поднять БД

[@СемёнД-я3м]

если что noImplicitAny в tsconfig.json автоматически включена, если strict имеет true... npx в package.json scripts? Cерьезно!? xD Ну и жесть... Автор видео не совсем понимает, что он делает... Без обид, но считаю подобные видео инструкции преступлением. Совет смотрящим, проверьте сказанное автором в документации соответствующих инструментов.

[@zahar1381]

и чо не так с npx, ты выдумал какое то новое правило?

[@mcamour]

@@zahar1381 он имеет в виду, что скрипты не должны скомпилиться просто на просто, если из этой папки нет доступа. в частности к локальной, tsc. То есть достаточно написать tsc и npx излишнее. Но мне почему-то понравилась эта конкретика, хоть и не нужная.

[@N5O1]

а еще можно использовать nest и не заниматься фигней

[@grenadier4702]

о, фрейморкодрочер найден

[@N5O1]

@@grenadier4702 шта?

[@Илья-э7ю9в]

nest хорош!)

[@назаркоцюба-э2п]

может ли человек с IQ 90 стать крутым программистом ????

[@libertariancom]

Крутым - нет. Клепать однотипные задачи и много зарабатывать - вполне.

[@phyoogroup]

1

[@kakatak9789]

інстОл ...