TypeScript–Visual Studio代码–编译后不输出2空格选项卡

Question

这似乎是一个不太相关的问题，但我已经花了3个小时试图解决这个问题，什么也没有。

然后是基本设置：我在node/javascript中有一个项目，我目前正在尝试使用TypeScript来输出更清洁的生产代码。所以tsconfig.json看起来像这样：

{
  "compilerOptions": {
    
    "target": "es6",                                /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', 'ES2021', or 'ESNEXT'. */
    "module": "commonjs",                           /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
     "lib": [
       "DOM",
       "es6",
       "DOM.Iterable",
       "ScriptHost"
     ], //default                                  /* Specify library files to be included in the compilation. */
    "sourceMap": true,                           /* Generates corresponding '.map' file. */
    "removeComments": true,                      /* Do not emit comments to output. */
    "strict": true,                                 /* Enable all strict type-checking options. */
    "esModuleInterop": true,                        /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    "skipLibCheck": true,                           /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true        /* Disallow inconsistently-cased references to the same file. */
  },
  "files": [
    "app_js/functions-syncsystem.ts"
  ]
}

我更漂亮。prettierrc文件看起来像这样:

{
    "singleQuote": true,
    "tabWidth": 2
}

除此之外，除了取消选中“检测缩进”之外，我还将visual studio代码中制表符的所有配置更改为两个空格(用户和工作区)。

问题是:在我的编辑器上，所有东西都可以用2空格标签正常工作。但是当我在终端上运行tsc时，输出文件的标签大小为4，我似乎不能在任何地方进行更改。

在这篇文章中，我也尝试了许多建议：如何在视觉工作室代码中更改缩进？

也喜欢这个：https://stackoverflow.com/a/68082579/2510785

每次修改后，我都确保我关闭了编辑器，并再次打开，生成了另一个编译文件。有人能想到任何其他可能的方法来解决这个问题吗？我唯一能想到的是，这可能是我的操作系统/VS代码递增中的一个特定问题。

谢谢，豪尔赫·莫里西奥

Answer 1

更改VSCode的设置不会对tsc编译器产生任何影响。

一目了然，似乎无法更改tsc输出的缩进样式，参见https://github.com/microsoft/TypeScript/issues/4042

这可能是因为开发人员很少有理由编辑编译的输出。

作为一种解决方法，您可以使用更漂亮的内容或使用VSCode本身重新格式化输出文件。