Astro 시작하기

npm install -g pnpm

pnpm create astro@latest

VSCode 설정 세팅
Prettier 세팅

pnpm add -D prettier prettier-plugin-astro
touch .prettierrc.mjs

/** @type {import("prettier").Config} */
export default {
  plugins: ['prettier-plugin-astro'],
  overrides: [
    {
      files: '*.astro',
      options: {
        parser: 'astro',
      },
    },
  ],
};

alias
https://docs.astro.build/en/guides/typescript/#import-aliases

{
  "extends": "astro/tsconfigs/strict",
  "include": [".astro/types.d.ts", "**/*"],
  "exclude": ["dist"],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "~/*": ["src/*"]
    }
  }
}

eslint

Eslint 세팅

import eslintPluginAstro from "eslint-plugin-astro";
 
export default [
  ...eslintPluginAstro.configs.recommended,
  // ...
];
 

tailwind v4

https://astro-tips.dev/tips/tailwind-v4/