vite 创建vue3项目，使用 Prettier 统一格式化代码，集成 ESLint、Stylelint 代码校验规范

要使用 Vite 创建一个 Vue 3 项目，并使用 Prettier 统一代码格式化，同时集成 ESLint 和 Stylelint 进行代码校验，你可以按照以下步骤操作：

1. 确保你已经安装了 Node.js 和 npm。
2. 安装 Vite 和 Vue 3 的命令行工具：

npm init vite@latest <project-name> --template vue-ts

替换 <project-name> 为你的项目名。

3. 进入项目目录并安装依赖：

cd <project-name>
npm install

4. 安装 Prettier：

npm install prettier --save-dev --save-exact

5. 创建一个 Prettier 配置文件 .prettierrc：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "endOfLine": "auto"
}

6. 安装 ESLint 及相关插件：

npm install eslint eslint-plugin-vue --save-dev

7. 创建一个 ESLint 配置文件 .eslintrc.js：

module.exports = {
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended'
  ],
  rules: {
    // 自定义规则
  }
};

8. 安装 Stylelint 及相关插件：

npm install stylelint stylelint-config-standard --save-dev

9. 创建一个 Stylelint 配置文件 .stylelintrc.json：

{
  "extends": "stylelint-config-standard"
}

10. 在 package.json 中添加脚本来运行格式化和代码检查：

{
  "scripts": {
    "format": "prettier --write \"src/**/*.{js,vue,ts}\"",
    "lint": "eslint --ext .js,.vue,.ts src",
    "stylelint": "stylelint \"src/**/*.{css,vue,scss}\""
  }
}

11. 运行脚本来格式化代码和检查问题：

npm run format
npm run lint
npm run stylelint

以上步骤会创建一个 Vue 3 项目，并使用 Prettier 统一格式化代码，同时集成 ESLint 和 Stylelint 进行代码质量检查。