Javascript 如何将TypeScript传输到ES6?

Javascript 如何将TypeScript传输到ES6?,javascript,typescript,ecmascript-6,babeljs,Javascript,Typescript,Ecmascript 6,Babeljs,基本上,我需要能够在IDE中编写TypeScript代码(这使开发变得非常容易),将其编译到ES6,然后应用babel.js(因为所有浏览器都不支持大多数ES6)来获得生成的ES5脚本 这可能吗?我怎样才能做到这一点呢?TypeScript或多或少是ES6,几乎没有语法糖分。 我建议您编写香草ES6而不是TypeScript,但另一方面,TypeScript工具值得投入额外的精力来编写TypeScript并将其传输到ES6中,剩下的工作由Babel完成 这里有一个更方便的选项,如注释中所述,从T

基本上,我需要能够在IDE中编写TypeScript代码(这使开发变得非常容易),将其编译到ES6,然后应用
babel.js
(因为所有浏览器都不支持大多数ES6)来获得生成的ES5脚本


这可能吗?我怎样才能做到这一点呢?

TypeScript或多或少是ES6,几乎没有语法糖分。 我建议您编写香草ES6而不是TypeScript,但另一方面,TypeScript工具值得投入额外的精力来编写TypeScript并将其传输到ES6中,剩下的工作由Babel完成


这里有一个更方便的选项,如注释中所述,从TypeScript 1.5您可以传输到ES6。

您可以使用TypeScript编写纯ES6,然后传输到ES3或ES5。因为typescript是ES6加上goodies

将其视为使用更少的代码来编写css,您可以在更少的文件中编写纯css,并且它可以很好地编译

对于typescript 1.8语言规范:

TypeScript是JavaScript的语法糖。TypeScript语法是ECMAScript 2015(ES2015)语法的超集。每个JavaScript程序也是一个TypeScript程序

TypeScript语法包括ECMAScript 2015的所有功能,包括类和模块,并提供将这些功能转换为符合ECMAScript 3或5的代码的能力

您可以将TypeScript编译器作为ES6的目标

例如,将其添加到命令行参数:

--target es6
是的,你可以

通过添加
--target es2015
,或将
target
添加到您的
tsconfig.json

{
  "compilerOptions": {
    "target": "es2015"
  }
}
目标系统支持的选项有:

  • “ES3”(默认设置)
  • “ES5”
  • “ES6”/“ES2015”
  • “ES2016”
  • “ES2017”
  • “下一步”

还有很多配置选项。您可以在此处进行探索:


有些选项只允许在
tsconfig.json
中使用,不能通过命令行开关使用。

为什么需要ES6作为输出?您试图解决什么问题?TypeScript 1.5具有ES6输出模式。然后,您可以通过Babel运行生成的Javascript。我希望能够使用现在可以部署的Typescript编写ES6应用程序,但当ES6成为规则时,我将删除Babel并获得相同的结果。不确定这是什么项目,但是我需要几年的时间才能让互联网上的大部分人使用最新的浏览器。我很好奇为什么你要把TypeScript编译成ES6,只是把它转换成ES5,而TypeScript可以直接编译成ES5。同一个TypeScript代码库几乎可以转换为ES5和ES6,因此,如果您现在将代码编译为ES5,以后可以将整个代码库重新编译为ES6,而无需更改一行代码。该transpiler中是否存在ES6的所有功能?除了TypeScript有可选的键入,接口,允许对非类型化的js依赖项进行强类型化,以及其他许多功能。它的核心是ES6,但更多。写打字脚本的主要好处之一不是必须编译它吗?这将帮助您找到bug?我发现TypeScript认为
String.repeat()
不存在。