AngularJS 2.0 TypeScript Intellij想法(或webstorm) - ES6导入语法

ses*_*ses 15 intellij-idea typescript1.4 typescript1.5

尝试使这些步骤使AngularJS 2.0示例应用程序运行.

在该步骤中,将代码放在app.ts中:

/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap} from 'angular2/angular2';
Run Code Online (Sandbox Code Playgroud)

最新的14.1.3 IntelliJ IDE.

但似乎不明白'import'(突出抱怨)

问:那是因为它还不支持TypeScript 1.5吗?(它的IDE设置我可以看到嵌入式1.4版本).它可以用那个IDE编译吗?

Dan*_*ent 20

看起来你没有指定编译器参数来告诉使用哪个模块加载器,你也想确保使用最新的TypeScript编译器,到目前为止最新版本是1.5.0 beta.

第一

您可以在GitHub存储库中下载TypeScript编译器tsc的bin 和所有其他相关文件:https: //github.com/Microsoft/TypeScript/tree/master/bin

或者您也可以将其安装为Node.js包:

npm install -g typescript
Run Code Online (Sandbox Code Playgroud)

第二

您需要通过将编译器版本更改为自定义并指向最新TypeScript bin文件夹的位置来正确配置intelliJ

在IntelliJ中按Ctrl + Alt + S,搜索TypeScript,然后在Languages&Frameworks下选择TypeScript,确保IntelliJ是最新的.

要解决此处要求的问题,请指定以下命令行选项:

--module "amd" --target "es5"
Run Code Online (Sandbox Code Playgroud)

截图:

在此输入图像描述

第三

值得一提的是,TypeScript 1.5编译器和Angular 2都处于测试阶段,因此这个答案可能在接下来的几个星期或几个月内无关紧要.

请享用!

达尼

  • 对我来说(MacOS X)Typescript编译器位置需要这个位置:`/ usr/local/lib/node_modules/typescript/lib`注意它是`lib`而不是`bin`.我安装了`npm install -g typescript`,如本文所述.此链接可能会有所帮助https://www.jetbrains.com/webstorm/help/typescript.html (3认同)

小智 0

IntelliJ 中有一个选项,您可以在其中定义自定义打字稿版本。默认值为 1.4,但您可以下载 1.5 beta 并进行分配。我见过的示例的唯一问题是激活 1.5 新参数来生成装饰器元数据。IntelliJ 总是报告 TS 进程已停止。