已编译的TypeScript

Question

我正在关注一个名为THE HERO EDITOR的教程，它让我在app文件夹中创建和编辑TypeScript文件。该应用程序使用脚本tsc -w，其中w导致tsc转换程序在每次TypeScript文件失败时输出新的JavaScript文件。

这引起了我几分钟的困惑，因为当我添加一个TypeScript类时，编辑器（Visual Studio Code）为类名加下划线并告诉我这是一个重复的声明。我看到了同名的JavaScript文件，但是一旦删除它，重复的声明，以及JS文件，都回来了。

脚本在package.json：

中声明

"scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
},

我在哪里可以指定编译JavaScript的位置？我怀疑我能在这里做到，但我只能猜测我需要一个grunt或等效的文件，但是我该怎么做该文件，并从`package中删除tsc条目的.js＆＃39;一旦另一个文件接管？

Answer 1

我们可以使用"outDir文件中"compilerOptions"的{​​{1}}参数来控制我们编译的javascript的位置。

我也使用Visual Studio Code，我通常在项目根目录下创建我的tsconfig.json文件。这是一个例子，我希望我编译的javascript进入tsconfig.json目录

"src/ts-out/"

希望它有所帮助。快乐的编码...

Answer 2

据我所知，已编译的ts文件保存在与ts文件相同的文件夹中。