TypeScript的4种编译方式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了TypeScript的4种编译方式,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1889字,纯文字阅读大概需要3分钟。
内容图文
![TypeScript的4种编译方式](/upload/InfoBanner/zyjiaocheng/1317/21b66e50107743dd8f81497e87a79edd.jpg)
1、手动编译
1.1、首先找到TypeScript的安装目录,我的在”C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0“。
1.2、使用cmd工具命令cd到安装目录。
1.3、输入命令:tsc 文件名.ts,回车编译。
一旦编译成功,就会在相同目录下生成同名的js文件(编译成功后是没有任何消息提示的。上图中,这也是编译成功的。只要不存在语法错误)。
2、设置自动编译
2.1、找到项目文件(*.csproj的文件),编辑打开,找到<Target Name="BeforeBuild">节点,在里面添加如下节点信息:
<Exec Command=""$(PROGRAMFILES)\Microsoft SDKs\TypeScript\1.0\tsc" @(TypeScriptCompile ->‘"%(fullpath)"‘, ‘ ‘)" />
或
<Exec Command="tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->‘"%(fullpath)"‘, ‘ ‘)" />
(上图的<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语法的理解。
原文:http://www.cnblogs.com/klsw/p/5936292.html
内容总结
以上是互联网集市为您收集整理的TypeScript的4种编译方式全部内容,希望文章能够帮你解决TypeScript的4种编译方式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。