问WebStorm+Typescript:如何使用没有引用路径？

EN

对于内部模块，使用模块加载器(如RequireJS / SystemJS / Webpack / 褐化 )，可以避免为内部模块编写/// <reference path="..." />，并且不再需要使用module命名空间。

如果使用RequireJS，则需要运行带有参数-m amd的tsc，对于Browserify -m commonjs、SystemJS & Webpack同时支持amd和commonjs样式(以及其他样式)，但是使用tsconfig.json文件(继续阅读)有一个更简单的解决方案，无需添加这个参数。

对于外部 TypeScript模块；通常是d.ts文件(外部JS库的类型定义，也称为Typings)，通过节点的包管理器NPM安装排版模块。

排版帮助您管理项目中的类型，并将所有/// <reference path="..." />行合并到一个d.ts文件中。

对于内部和外部模块，您可以使用tsconfig.json文件来消除对任何/// <reference path="..." />行的需求。

Webstorm 11 (目前处于开发阶段，在早期访问程序下发布)已经内置了对tsconfig.json文件的支持。

对于Webstorm 10，您可以使用这个解决方案。

如果您选择不使用tsconfig.json而仍然使用typings来管理您的类型，以及模块加载程序(如RequireJS )，则必须添加-m [...]命令行选项，并在内部.ts文件的基础上包含一个/// <reference path="path/typings/something.d.ts" />的单行行，此.d.ts文件将包含项目所依赖的所有外部类型。

tsconfig.json

把它放在你的项目的根上。

它的内容可能如下所示：

{
  "compilerOptions": {
    "module": "commonjs",
    "sourceMap": true,
    "target": "es5",
    "experimentalDecorators": true
  },
  "files": [
    "typings/something.d.ts",
    "main.ts"
  ]
}

注意到，您不必在files:键下列出所有的.ts文件，tsc自动知道它应该包含files:下提到的任何文件的依赖项(递归)。

Webstorm 11

配置webstorm使用tsconfig.json

​

tl;dr

如果可以，最好(IMHO)做以下工作：

• 使用模块加载器(RequireJS/SystemJS/Browserify/Webpack)。
• 使用d.ts模块管理您的typings文件(类型)。
• 将其全部包装在一个tsconfig.json文件中(配置webstorm以使用它)。

之后，您可以删除所有的/// <reference path="..." />行。