- Intro to Yarn
- Install Yarn
- Managing packages
- Inspecting licenses
- Inspecting dependencies
- Upgrading packages
- How to upgrade Yarn
Intro to Yarn
It’s compatible with npm packages, so it has the great advantage of being a drop-in replacement for npm.
When it launched it used to be way faster than
npm due to parallel download and caching, but now
npm did catch up with many of its features and is now the solution I recommend.
Tools eventually converge to a set of features that keeps them on the same level to stay relevant, so we’ll likely see those features in npm in the future - competition is nice for us users.
While you can install Yarn with npm (
npm install -g yarn), it’s not recommended by the Yarn team.
System-specific installation methods are listed at https://yarnpkg.com/en/docs/install. On macOS for example you can use Homebrew and run
brew install yarn
but every Operating System has its own package manager of choice that will make the process very smooth.
In the end, you’ll end up with the
yarn command available in your shell:
Yarn writes its dependencies to a file named
package.json, which sits in the root folder of your project, and stores the dependencies files into the
node_modules folder, just like npm if you used it in the past.
Initialize a new project
starts an interactive prompt that helps you quick start a project:
Install the dependencies of an existing project
If you already have a
package.json file with the list of dependencies but the packages have not been installed yet, run
to start the installation process.
Install a package locally
Installing a package into a project is done using
yarn add package-name
Install a package globally
yarn global add package-name
Install a package locally as a development dependency
yarn add --dev package-name
Equivalent to the
--save-devflag in npm
Remove a package
yarn remove package-name
When installing many dependencies, which in turn might have lots of dependencies, you install a number of packages, of which you don’t have any idea about the license they use.
Yarn provides a handy tool that prints the license of any dependency you have:
yarn licenses ls
and it can also generate a disclaimer automatically including all the licenses of the projects you use:
yarn licenses generate-disclaimer
Do you ever check the
node_modules folder and wonder why a specific package was installed?
yarn why tells you:
yarn why package-name
If you want to upgrade a single package, run
yarn upgrade package-name
To upgrade all your packages, run
But this command can sometimes lead to problems, because you’re blindly upgrading all the dependencies without worrying about major version changes.
Yarn has a great tool to selectively update packages in your project, which is a huge help for this scenario:
How to upgrade Yarn
At the time of writing there is no auto-update command.
If you used
brew to install it, like suggested above, use:
brew upgrade yarn
If instead you installed using npm, use:
npm uninstall yarn -g npm install yarn -g
More devtools tutorials:
- Introduction to Yeoman
- Bower, the browser package manager
- Introduction to Frontend Testing
- Using node-webkit to create a Desktop App
- VS Code: use language-specific settings
- Introduction to Webpack
- A short and simple guide to Babel
- An introduction to Yarn
- Overview of the Browser DevTools
- Format your code with Prettier
- Keep your code clean with ESLint
- A list of cool Chrome DevTools Tips and Tricks
- How to use Visual Studio Code
- Introduction to Electron
- Parcel, a simpler webpack
- An Emmet reference for HTML
- Configuring VS Code
- Configuring the macOS command line
- How to disable an ESLint rule
- How to open VS Code from the command line
- How to set up hot reload on Electron