How to Set Up Prettier for Astro Project

You can't using Prettier for Astro project if you install it from manual install (npm i astro). So, I'll tell you how to set up Prettier for Astro project.

First, you must install prettier-plugin-astro using this command:

npm i -D prettier-plugin-astro

Then, you must create .prettierrc.cjs file in your project root directory. In this file, you must add this code:

module.exports = {
  plugins: [require.resolve("prettier-plugin-astro")],
  overrides: [
    {
      files: "*.astro",
      options: {
        parser: "astro",
      },
    },
  ],
};

Now, you can using Prettier for Astro project. I hope you enjoy it.