为什么使用npm init vue@latest创建项目会生成不同的ts配置文件

[nanfb]

使用npm init vue@latest创建项目，生成的项目会在根目录下生成三个文件，分别是tsconfig.json、 tsconfig.node.json和tsconfig.app.json第一个文件引用其他两个文件，但是项目编辑器会发生错误，“在没有 "node" 模块解析策略的情况下，无法指定选项 "-resolveJsonModule"。”，我查了一下发现app的json文件好像是ng的，我删除之后项目也正常运行了，请问是什么原有导致的，或者说这些配置文件有什么不一样的地方，或者是不同的开发环境？

[Shyam-Chen]

npm create vite@latest my-vue-app -- --template vue-ts

[chenxch]

npm init vue@latest 命令会创建一个基于 Vue.js 的 TypeScript 项目模板，其中包含了三个 TypeScript 配置文件：tsconfig.json、tsconfig.node.json 和 tsconfig.app.json。

其中，tsconfig.json 是项目的主要 TypeScript 配置文件，它引用了其他两个配置文件：

{
  "extends": "./tsconfig.app.json",
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"]
}

tsconfig.node.json 和 tsconfig.app.json 分别是用于 Node.js 和应用程序的 TypeScript 配置文件。它们的作用是为不同的构建目标提供不同的 TypeScript 编译选项。

在这三个配置文件中，tsconfig.app.json 是用于应用程序的配置文件，其中包含了一些 Angular 相关的选项，例如 resolveJsonModule。这个选项用于启用 TypeScript 的 JSON 模块解析功能，它允许您在 TypeScript 代码中导入 JSON 文件。但是，由于这个选项是 Angular 特有的，因此在 Vue.js 项目中可能会导致编辑器报错。

如果您不打算使用 Angular，可以将 tsconfig.app.json 文件删除，或者将其中的 Angular 相关选项删除。这样做不会影响您的 Vue.js 项目，因为它们并不依赖于 Angular。

总之，这些配置文件的作用是为 TypeScript 提供编译选项，以便您可以在 Vue.js 项目中使用 TypeScript。如果您不打算使用 TypeScript，可以将这些文件删除。

[dengxueru]

升级vscode的版本，就正常了。