Get Started with pnpm

Pnpm is a replacement for npm or yarn package managers. Because it creates a local store of all packages on your machine and then creates symlinks out to directories that need those packages, it 1) saves your hard drive space and 2) is much quicker than NPM (and often yarn!), especially on reinstalls.
🔗 Key Links 🔗
- PNPM docs: pnpm.io/
---------------------------------------
📹 Related Videos 📹
- Delete old node modules: • Delete old node_modules!
---------------------------------------
🌐 Connect With Me 🌐
- Website: codinginpublic...
- Blog: chrispenningto...
- Twitter: / cpenned

[@fourcoding3198]

Nice video! Just wanted to add that since NodeJs v16.9.0 corepack is shipped with NodeJs by default and corepack already includes pnpm (as well as other package managers). To use it one just have to enable it with the following command: corepack enable Then you should be ready to use pnpm without any further installations.

[@CodinginPublic]

Wow! Didn’t know that! Thanks!

[@simonswiss]

Excellent video! In ~3 minutes at 2x speed, I have a good understanding of the benefits of pnpm now! 🙏

[@CodinginPublic]

🙏 Great! You’re a legend, Simon. Love your Tailwind content. Thanks for the kind comment!

[@_ash64]

Wow, thank you very much for this updated stuff. Found your channel today, the quality of your content is crazy good!

[@CodinginPublic]

Glad you’ve enjoyed it! :) thanks for taking the time to say something!

[@_ash64]

@@CodinginPublic 🙇

[@SandwichMitGurke]

Thanks youtube algorithm for this recommendation

[@CodinginPublic]

🙌

[@movntn]

I love when I have a question for youtube and you have a video on it

[@CodinginPublic]

🙌

[@user-lv9vv8rm4j]

you convinced me to switch to PNPM!

[@CodinginPublic]

It’s awesome!

[@wyarn]

great work, thank you!

[@CodinginPublic]

Glad you liked it!

[@IngAjVillalon]

Your workplace looks beautiful 😍! What icon and colour themes do you use? Please share them with us 🙏🏻

[@CodinginPublic]

Sure thing. I'm using Bearded Icons, I believe? And I've done a video on my channel about themes/fonts :)

[@yash1152]

0:39 > _"multiple projects --> node module folders add up a lot"_ oh, so that's what ForrestKnight meant with "package management" in "things every dev should know"

[@jimmyj.6792]

Really really great discovery of pnpm 😍 and I really like your autocomplete cli (what do you use ? 😅) Do you use an extension to have your browser in your vscode to resize it easily whereas to have both separatly ? Really great content 🙏🙏🙏

[@RahulKumar-fp1gy]

He is using Z-Shell along with OhMyZsh & zsh-autosuggestions plugin

[@jimmyj.6792]

@@RahulKumar-fp1gy oh really interesting, thanks a lot for sharing 🙏🙏

[@CodinginPublic]

So that’s mostly all right. Im using the agnoster theme for ZSH. I’m also using Fig, an autocompleter tool for the terminal. Hoping to do a video on it all soon.

[@aeldrinz2355]

Thanks that's nice & fast review 🙏

[@raahimsarfaraz9847]

Hey! I have some questions regarding pnpm 1) How can I use pnpm in a vue js project? 2) I'm having multiple issues regarding this even when switching from npm to pnpm because my local host isnt connecting. Nice video by the way.

[@CodinginPublic]

Glad you enjoyed it! 1. You should be able to? I'm not a vue dev, so haven't tried it? 2. Hmm…odd. There is an upgrade path to pnpm from npm here: pnpm.io/cli/import (not sure if I mentioned that in the video)

[@raahimsarfaraz9847]

@@CodinginPublic yeah it worked after I made a vue project using pnpm create @vue-latest thanks anyway

[@zesved]

i have been trying to install it but it doesnt want to work, it just says (in vscode) 'bash: pnpm: command not found'

[@thecombativemedic521]

This is really interesting thank you!

[@CodinginPublic]

You’re welcome! Thanks for saying something!

[@topalek]

Nice video, tnx. Criss, how do you find so interesting things like this or open props ets. ?

[@CodinginPublic]

Glad you enjoyed it! The secret is just following more interesting people than me 😜

[@humbulanimunyai6320]

This is awesome thanks alot, your the best

[@CodinginPublic]

👊

[@yash1152]

5:37 now, delete here is ofc not same as uninstall ... 6:17 and current directory does not _have_ any significant node modules now in the first place ... so, will npkill get rid of files from that local user folders? i.e. is npkill same as uninstall? 6:22 no, seems not uninstall, as it just deleted the local node_modules folder does pnpm track which modules are being used? and hence, allow to remove the modules which are currently unused?

[@CodinginPublic]

yep, if I'm following you :)

[@shafs_yt]

quality content as always can u make a vid on the new sass method, where u have to use @use and @forward instead of import?

[@CodinginPublic]

I need to figure it out myself! So I’ll figure it out and then do a video on it!

[@shafs_yt]

@@CodinginPublic oh that's great waiting for the vid

[@CodinginPublic]

I'll try to not keep you too long :) May be a few weeks until I have time.

[@wusaby-ush]

Really great

[@CodinginPublic]

Glad you enjoyed it!

[@patite3103]

For me it doesn't work. I don't understand why. I get "ERR_PNPM_LOCKFILE_NOT_FOUND" the lockfile is not found. Would it be possible to do a video explaining how to solve this error and how you proceed with "corepack enable"? thank you

[@CodinginPublic]

Hmm. Perhaps type the following first from within your project? pnpm install That should create your lock file. Core pack would be the same. You can just skip the step of installing pnpm directly, I believe.

[@howuseehim]

Well i have a question, when i kill vite server with ctrl c i have error: elifecycle command failed with exit code 1. I reinstalled the node packages remove the package lock file reinstall pnpm still have the error i don't have it with npm tho. What's going on 😮

[@CodinginPublic]

Hmm…it may be something wrong with your cached package files. There's a pnpm clear cache command (that may not be the exact wording…I'm not remembering offhand). That usually fixes things for me. Let me know if that helps!

[@yash1152]

1:11 does anyone know a similar alternate to python venv (virtual environments) ?? they too download / create all the deps in the project directory - which i am not a big fan of.

[@CodinginPublic]

Not sure?

[@lo1d]

very good content, btw what theme and icons theme you use

[@CodinginPublic]

Glad you enjoyed it! Here’s my theme/font: kzbin.info/www/bejne/a6aohYeOrbudbtU I'm using Bearded Icons as of this video :)

[@PickleRiiiiiiick]

Very helpful thank you. Wabbalubadubdub!

[@CodinginPublic]

🙌

[@rawkeh]

While the video itself was very interesting, I have to ask, Chris: how did you configure that sweet terminal command line? Thanks in advance :)

[@CodinginPublic]

Got a video coming hopefully in the next couple of weeks explaining my command line :)

[@RockyTheDog756]

power-line plugin

[@CodinginPublic]

I forgot to add a link to the video I did on this. Here it is! My Custom Terminal Setup kzbin.info/www/bejne/enOkhJdvgZl6edE

[@vdawork]

How would I fix problems by removing node_modules folder now))?

[@CodinginPublic]

Sometimes removing the node_modules folder and the package.LOCK file and reinstalling can solve weird issues. But it's mostly just a help to clear up space.

[@YousefMohamed-jb8bq]

hi mate why are you using vs code? did you try webstorm?

[@CodinginPublic]

I mostly use VSCode because it's free and available to everyone; so it makes for better tutorials. I've not tried webstorm personally. It's on my list of things to check out.

[@midophriya3657]

is it working without internet?

[@CodinginPublic]

You’ll need internet to access pnpm packages.

[@longtranbao4177]

nice video

[@CodinginPublic]

Glad you enjoyed it!

[@longtranbao4177]

@@CodinginPublic I've tried to put all projects with the same node_modules.

[@mahmudulhaquequdrati1238]

hey your every videos is awesome. I want to share you video in facebook. I want to download this from youtube and upload in facebook. I think If I directly share the youtube link it wont be share much. Can I?

[@CodinginPublic]

You’re welcome to share the KZbin link anywhere. Please do NOT download the video and upload it anywhere though.

[@mahmudulhaquequdrati1238]

@@CodinginPublic yeap

[@0xtz_]

I added an alias in my .zshrc 😂 aliase npm=pnpm

[@CodinginPublic]

Lol #protip