GPT搭建的项目

要从零开始搭建一个 Vue 3.0 + TypeScript + ESLint 项目，你可以按照以下步骤进行操作：

1. 确保你的开发环境中已经安装了 Node.js。你可以从 Node.js 的官方网站（nodejs.org）下载并安装最新版本。

2. 打开一个新的终端窗口，创建一个新的项目文件夹，并进入该文件夹。

mkdir my-vue-project
cd my-vue-project

3. 初始化一个新的 npm 项目。在终端中运行以下命令，并按照提示进行配置。

npm init

4. 安装 Vue CLI。Vue CLI 是一个官方提供的命令行工具，用于创建和管理 Vue 项目。

npm install -g @vue/cli

5. 使用 Vue CLI 创建一个新的 Vue 3.0 + TypeScript 项目。在终端中运行以下命令，并按照提示进行配置。

vue create my-project

在配置项目时，选择 "Manually select features"（手动选择特性），然后选择 TypeScript 和 ESLint。然后按照默认设置继续。

6. 进入新创建的项目目录。

cd my-project

7. 安装 ESLint 和相关插件。在终端中运行以下命令，安装 ESLint 和 Vue 相关的 ESLint 插件。

npm install eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

8. 创建 ESLint 配置文件。在项目根目录下创建一个名为 .eslintrc.js 的文件，并添加以下内容：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/vue3-essential',
    '@vue/typescript/recommended',
  ],
  parserOptions: {
    parser: '@typescript-eslint/parser',
  },
  rules: {
    // 在这里添加你的自定义规则
  },
};

9. 在项目根目录下的 package.json 文件中，添加 ESLint 的 lint 脚本。在 "scripts" 部分中添加以下内容：

"scripts": {
  // 其他脚本...
  "lint": "eslint ."
},

10. 启动开发服务器。运行以下命令，将会启动一个开发服务器，并在浏览器中自动打开项目。

npm run serve

11. 运行 ESLint 检查。运行以下命令，将会运行 ESLint 检查你的代码，并输出检查结果。

npm run lint

现在，你就成功地从零搭建了一个 Vue 3.0 + TypeScript + ESLint 的项目。ESLint 将帮助你在开发过程中检查和维持代码的质量。你可以根据需要在 ESLint 配置文件中添加自定义规则。

记得查看 Vue 3.0、TypeScript 和 ESLint 的官方文档，以获取更多关于它们的详细信息和用法。