akshitkrnagpal/prettier-vscode-pnpm.md

Last active May 4, 2025 15:07

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/akshitkrnagpal/d024afac090f0cc59a46b2bae2371ebb.js"></script>
Save akshitkrnagpal/d024afac090f0cc59a46b2bae2371ebb to your computer and use it in GitHub Desktop.

Download ZIP

Prettier with VSCode and pnpm

Raw

prettier-vscode-pnpm.md

When setting up prettier with vscode and pnpm, you need to make sure vscode uses local prettier instead of prettier from vscode extension.

You can do so by providing the prettier path in prettier.prettierPath settings which is usually ./node_modules/prettier.

But with pnpm the binary isn't located in node_modules by default. But you can set public-hoist-pattern[]=prettier in .npmrc and reinstall, so that pnpm installs prettier in node_modules.

Raw

public-hoist-pattern[]=prettier

Raw

~ .vscode settings.json

	{
	"prettier.prettierPath": "./node_modules/prettier"
	}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment