webstorm 中的打字稿:文件观察器问题

Typescript in webstorm : File watcher issue

我正在尝试在 webstorm 中使用 typescript,除了 "arranging js files in the folder structure that repeats the original structure of .ts files",我几乎已经完成了。

我使用了站点 https://www.jetbrains.com/webstorm/help/using-file-watchers.html#generalOptions 中为 coffiescript 提供的命令。

以下是网站上显示的推荐

参数 : --output $ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\ --compile --map $FileName$

刷新的输出路径

$ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.js:$ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.map

根据我的 project.But 我在控制台上遇到错误,我已经使用了上面的推荐,几乎没有变化。

这里我附上了文件观察器 img 的配置和控制台 img 中的错误。

我的文件观察器图像 & 控制台图像错误
http://pho.to/9fH8J

下面是我的文件观察器"arguments"和"output paths to refers"

中使用的命令

参数 : --output $ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\ --compile --map $FileName$

引用的输出路径

$ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.js:$ProjectFileDir$\js\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.js.map

*Typescript 安装在项目级别,而不是全局安装。

帮我解决这个问题。

WebStorm 帮助中提供的示例适用于具有不同命令行选项的 CoffeeScript 编译器。 对于 TypeScript 编译器,使用 --sourceMap 生成源映射并使用 --out 指定输出文件。您可以在这里找到有关 TypeScript 编译器及其选项的信息:​​https://github.com/Microsoft/TypeScript/wiki/Compiler-Options 如果您使用的是 WebStorm 10,请使用内置的 TypeScript 编译器而不是文件观察器。