新建我的全栈项目模版

pnpm create vite

选择项

• React (framework)
• TypeScript
• No beta, no experimental

修改 package.json

pnpm install
pnpm update
pnpm add -D vitest
pnpm add -D "@stylistic/eslint-plugin@5.8.0" 

配置 .vscode/settings.json

{
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.organizeImports": "explicit",
        "source.fixAll.eslint": "never",
        "source.fixAll.ts": "never",
    },
    "eslint.format.enable": true,
    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
}

.vscode/extensions.json

{
    "unwantedRecommendations": [
        "biomejs.biome",
        "oven.bun-vscode",
        "esbenp.prettier-vscode",
    ],
    "recommendations": [
        "vitest.explorer",
        "stylelint.vscode-stylelint",
        "dbaeumer.vscode-eslint",
        "yoavbls.pretty-ts-errors",
        "clinyong.vscode-css-modules",
    ],
}

• eslint.config.js
• tsconfig.app.json
• vite.config.ts

框架

pnpm add antd @ant-design/colors
pnpm add ahooks
pnpm add react-router
pnpm add clsx
pnpm add dayjs
pnpm add lodash-es nanoid
pnpm add @directus/sdk

图标

pnpm add @iconify-icon/react

Tailwind CSS

pnpm add tailwindcss
pnpm add -D @tailwindcss/vite