你的位置:首页 > Java教程

[Java教程]TypeScript的4种编译方式


1、手动编译

  1.1、首先找到TypeScript的安装目录,我的在”C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0“。

     

  1.3、输入命令:tsc 文件名.ts,回车编译。

     

一旦编译成功,就会在相同目录下生成同名的js文件(编译成功后是没有任何消息提示的。上图中,这也是编译成功的。只要不存在语法错误)。

2、设置自动编译

  2.1、找到项目文件(*.csproj的文件),编辑打开,找到<Target Name="BeforeBuild">节点,在里面添加如下节点信息:

      <Exec Command="&quot;$(PROGRAMFILES)\Microsoft SDKs\TypeScript\1.0\tsc&quot;    @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />

      或

      <Exec Command="tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" />

      

      (上图的<Exec>节点二选一)

      这样设置完后,每次编译项目都会自动编译项目中所有*.ts文件

3、解析编译(个人理解),如果不想在项目中编译,这需要在页面添加<script src="typescript.js" />来编译。typescript.js文件在  盘符/Program Files(x86)|Program Files/Microsoft SDKs/TypeScript/版本号/typescript.js 。
4、动态编译

动态编译,在写完ts代码后,按下ctrl+s,右边视图区是出现对应编译后的js脚本。

  4.1、找到项目文件,编辑打开

  4.2、在<PropertyGroup>并行节点下,添加如下节点信息:

     <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
          <TypeScriptTarget>ES5</TypeScriptTarget>
          <TypeScriptRemoveComments>false</TypeScriptRemoveComments>
          <TypeScriptSourceMap>true</TypeScriptSourceMap>
          <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
      </PropertyGroup>
      <PropertyGroup Condition="'$(Configuration)' == 'Release'">
          <TypeScriptTarget>ES5</TypeScriptTarget>
          <TypeScriptRemoveComments>true</TypeScriptRemoveComments>
          <TypeScriptSourceMap>false</TypeScriptSourceMap>
          <TypeScriptModuleKind>AMD</TypeScriptModuleKind>
      </PropertyGroup>
      <Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets')" />

    

 建议使用第4种编译方式,虽性能可能有些会下降,但编写完一段脚本后,按下ctrl+s,右侧js视图立马可以显示js脚本。这样有助于理解TS与JS之间的某种转换关系,也可以快速加深对TS语法的理解。

     办理海岛签证费用出发去海岛旅游海岛旅游报价到海岛旅游团购去海岛旅游攻略除了内在美,这些精品酒店有着夺人眼球的外在美[二] 2015春节韶关去哪里玩?韶关春节带家人孩子去哪里好玩? 2015春节乳源大峡谷有什么表演?韶关乳源大峡谷2月有什么好玩的? 肇庆盘古山2月有哪些好玩的?盘古山2月有什么花? 西安周边赏银杏好去处 嘉陵镇银杏村 西安周边赏银杏好去处 西安建筑科技大学 西安周边赏银杏好去处 汉阳陵银杏林 香江野生动物园官网,长隆香江动物园官方网站。 南粤苑与宝墨园的区别?宝墨园南粤苑怎么样? 南粤苑景点有哪些?番禺南粤苑有什么玩的? 广州塔门票多少钱? 2015三水荷花世界秋荷艺术节什么时候?荷花世界秋荷艺术节时间? 广州动物公园团购多少钱?广州动物公园海洋馆小孩要买门票吗? 广州市海洋公园地址?广州到海洋公园怎么坐公交? 广州海洋公园怎么样?广州市海洋公园里面有什么? 洞天仙境乘船游览吗?到清远洞天仙境旅游坐船吗? Q65110A7860 Datasheet Q65110A7860 Datasheet Q65110A7861 Datasheet Q65110A7861 Datasheet Q65110A7862 Datasheet Q65110A7862 Datasheet 马尔代夫满月岛报价 马尔代夫满月岛报价 马尔代夫满月岛报价 开往丽江的火车 开往丽江的火车 开往丽江的火车 越秀公园好玩吗 越秀公园好玩吗 越秀公园好玩吗