TypeScript在vs2012下的问题

TypeScript对VS2012支持度比较低,建议升级为VS2013版本以上。

在VS2013中无法创建TypeScript项目

VS2013默认不支持TypeScript。

需要在【工具】-【扩展和更新】中安装TypeScript,目前为止for VS2013的最新版TS为1.5版本,但是实测有一些问题,建议安装比较稳定的1.4版本

编译提示“TypeScript\1.4\1.4\tsc.exe 无效”的问题

解决方法:

1、进入目录  C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v12.\TypeScript

2、将  Microsoft.TypeScript.targets  文件复制到其他路径,打开编辑

3、将第三个TscToolPath这行屏蔽掉,保存,复制回原路径,覆盖即可(或需管理员权限)。

<PropertyGroup>
<TypeScriptToolsVersion Condition="'$(TypeScriptToolsVersion)'==''">1.4</TypeScriptToolsVersion>
<TscToolPath Condition="'$(TscToolPath)' == ''">$(MSBuildProgramFiles32)\Microsoft SDKs\TypeScript</TscToolPath>
<TscToolPath Condition="'$(TypeScriptToolsVersion)' != ''">$(TscToolPath)\</TscToolPath>
<!-- <TscToolPath Condition="'$(TypeScriptToolsVersion)' != ''">$(TscToolPath)\$(TypeScriptToolsVersion)</TscToolPath>-->
<TscToolExe Condition="'$(TscToolExe)' == ''">tsc.exe</TscToolExe>
<TscYieldDuringToolExecution Condition="'$(TscYieldDuringToolExecution)' == ''">true</TscYieldDuringToolExecution>
</PropertyGroup>

详见:Bad path when installing TypeScript 1.4 for Visual Studio 2013 #3493

如何调整TypeScript的编译目标版本

解决方法:

VS-【项目】-【属性】-【TypeScript生成】-【General】-【ECMAScript version】-选择相应的ECMA版本即可(目前仅支持-3,-5,-6)

将编译目标改为ECMAScript 6出现“...lib.es6.d.ts 未找到”的错误

解决方法:

1、去这里下载最新版定义文件,地址:https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts

2、下载后粘贴到  C:\program files(x86)\Microsoft SDKs\TypeScript\1.4  文件夹内即可(或需要管理员权限)

详见:how to use lib.es6.d.ts?I try to use some method of es6?but it just go error! #1582

无法使用TypeScript 1.4的新特性(如联合类型,type关键字等)

解决方法:

1、卸载所有其他版本的TypeScript。重新安装要使用的版本(我这里使用的1.4稳定版)

2、进入cmd命令行,执行  tsc -v  查看结果是否为当前安装的版本号

3、如果不是当前安装的版本,则重启计算机再次查看版本

4、如果依然不是当前版本则在cmd执行  set %PATH%  查看当前系统的环境变量,是否有包含其他TypeScript版本的路径,如果有则修改环境变量

5、修改环境变量方法:【计算机】-【右键属性】-【高级系统设置】-【高级】-【环境变量...】-【系统变量】-【PATH】-【编辑】修改保存即可,或可能重启生效

6、若已经为当前安装版本且VS安装了ReSharper插件的情况下。

7、VS-【ReSharper】-【Option】-【Code Inspection】-【Settings】-【File masks to skip】-【Add】-输入  *.ts  -保存

8、TypeScript1.4的新特性均可正常使用。

9、造成上述原因为ReSharper9目前最高仅支持TypeScript1.3语法,遂只能暂时屏蔽掉ReSharper提供的只能感知功能。

10、若仍然无法使用,或是并没有安装ReSharper插件的话,请留言

详见:Typescript 1.4: Wrong syntax highlighting in Visual Studio

安装了最新版TS依然无法使用新版特性的问题

这个问题的表现与上面这个问题完全一致,但是导致问题的原因是 目前已知的微软TS安装包的BUG,即卸载后没有卸载干净,导致后续所有新版都安装不了。

可以通过以下途径来检测是否有此问题:

1、是否曾经安装过其他版本的TypeScript for VS?

如果到目前为止你只安装过一次ts,那么无此问题

2、是否卸载了低版本的TS?

如果没有,那么请卸载所有低版本TS,只保留你安装的最高版本TS。

3、进入【控制面板】-【程序和功能】查看确保目前只保留了(安装了)一个TS

4、进入cmd命令行,执行 tsc -v查看结果是否为当前安装的版本号

5、如果显示的版本号和你控制面板里显示的版本号不符,

如我这里安装的1.4显示的版本号却是1.0.3,则说明我之前安装TS1.0没卸载干净

6、进入【计算机】-【右键属性】-【高级系统设置】-【高级】-【环境变量...】-【系统变量】-【PATH】-【编辑】

复制所有,粘贴到记事本中:

可以看到有两个TS环境变量路径,前一个就是微软没有卸载干净的环境变量,如果你问为什么只向旧版本的TS编译器也能运行呢?那我只能遗憾的告诉你,其实旧版本的TS所有文件都没有被卸载。

旧版本的文件,编译器都还在C盘里躺着呢,所以会发生能用但是无法使用新版特性的问题。

7、删除掉旧版的环境变量,只保留你安装的那个版本的路径即可,全选粘贴回系统环境变量设置

8、重启CMD,重新执行 tsc --v 命令,查看版本

当前编译器已经是我所安装的版本了。

再回到VS内,打开TS项目,那些新版特性的语法不再报错,也可以正常编译了。

VS2013+TS1.7 版本其他文件有错误时当前ts文件无法编译

项目中包含的其他ts文件报错,而导致当前没有错误的ts文件也无法编译。

解决方案:【VS】-【调试】-【项目属性】-【TypeScript生成】-【Output】-去掉勾选最后一个选项

去除勾选【当有任何错误时不编译生成】的选项即可。

欢迎反馈其他问题,持续更新中......

原文地址-http://www.cnblogs.com/xxcanghai/p/4978754.html

Type Script在Visual Studio 2013中的问题汇总(持续更新…)的更多相关文章

  1. 在ASP.NET MVC5 及 Visual Studio 2013 中为Identity账户系统配置数据库链接及Code-First数据库迁移

    在ASP.NET MVC5 及 Visual Studio 2013 中为Identity账户系统配置数据库链接及Code-First数据库迁移 最近发布的ASP.NET MVC 5 及Visual ...

  2. 如何在Visual Studio 2013中使用Ribbon For WPF

    1.首先需要 下载Ribbon For WPF.目前最新的版本是Microsoft Ribbon for WPF October 2010. 下载 链接: https://www.microsoft. ...

  3. 在 Visual Studio 2013 中创建 ASP.NET Web 项目(0):专题导航 [持续更新中]

    写在前面的话 随着 Visual Studio 2013 的正式推出,ASP.NET 和 Visual Studio Web 开发工具 也发布了各自的最新版本. 新版本在构建 One ASP.NET ...

  4. 在 Visual Studio 2013 中创建 ASP.NET Web 项目(1):概述 - 创建 Web 应用程序项目

    注:本文是“在 Visual Studio 2013 中创建 ASP.NET Web 项目”专题的一部分,详情参见 专题导航 . 预备知识 本专题适用于 Visual Studio 2013 及以上版 ...

  5. 在 Visual Studio 2013 中使用 Grunt, Bower 和 NPM

    在 Visual Studio 2015 中提供了对于 Grunt 和 Gulp 的内置支持,在 Visual Studio 2013 中怎么办呢?微软将 2015 中的特性作为几个独立的扩展发布出来 ...

  6. 转载:在Visual Studio 2013中管理中国特色的社会主义Windows Azure

    原文链接: http://www.pstips.net/get-azurechinacloud-settings.html 谷歌被豪迈地放弃了中国市场,微软仍旧在中国市场摸爬滚打,跪着挣钱.其中私人定 ...

  7. 在Visual Studio 2013 中使用C++单元测试

    本文主要介绍在Visual Studio 2013中对代码进行单元测试的方法,包含了两方面的内容:对已有的Dll文件进行单元测试,以及对已有的源文件进行单元测试. 1. VS2013对DLL文件的单元 ...

  8. 在Visual Studio 2013中修改远程Git服务器的地址

    在Visual Studio 2013中克隆了远程Git服务器的代码后,可以通过下图的方式修改Git服务器的地址:

  9. Visual Studio 2013中的“Browser Link”

    前几天,参加了,VS13的新特性的讲座,回来便试了一下, 默认Html会引用如下脚本: <!-- Visual Studio Browser Link --> <script typ ...

随机推荐

  1. nginx 与 浏览器缓存

    一.本地静态文件 location /html/{ rewrite ^(html/.*)$ /$1 break; root /data/static; expires 12h; etag off; i ...

  2. JavaWeb404排错的小技巧

    报这种错误,404后面什么都没有的话,就证明处理器映射器根据url找不到handler. 报这种错误,证明处理器映射器根据url找到了handler,转发的jsp页面找不到,说明jsp页面错了.

  3. MVC模式:python案例

    quotes = ('A man is not complete until he is married. Then he is finished.', 'As I said before, I ne ...

  4. MySQL和MSSQL差异(增量)备份的原理

    MySQL和MSSQL差异(增量)备份的原理 对于真正的增量备份来说,只需要记录当前每页最后的检查点的LSN,如果大于之前全备时的LSN,则备份该页面,否则不用备份 这大大加快了备份速度和恢复时间,同 ...

  5. springboot 使用model重定向到html模板,对数据进行展示

    1:使用springboot, ,html使用thymeleaf,nekohtml模板 在build.gradle中添加依赖 buildscript { repositories { mavenCen ...

  6. HDFS中的读写数据流

    1.文件的读取 在客户端执行读取操作时,客户端和HDFS交互过程以及NameNode和各DataNode之间的数据流是怎样的?下面将围绕图1进行具体讲解. 图 1 客户端从HDFS中读取数据 1)客户 ...

  7. selenium3.0 远程模式

    准备工作: 1. 安装chrome浏览器 2. 下载selnium-server-standalone-3.0.1.jar 步骤: 1. java -jar selnium-server-standa ...

  8. 表单验证—html5新特性表单验证

    一.表单 <body> <section id="register"> <div><img src="images/logo.j ...

  9. uva1292 树形dp

    这题说的是给了一个n个节点的一棵树,然后 你 从 这 棵 树 的 n 个 节点中 选择 尽量少的 点使得 每条边都至少有一个 士兵看守 dp[0][i]+=dp[1][j] dp[1][i]+=min ...

  10. 使用 Laravel 数据填充功能生成中文测试数据

    今晚……不对,是昨晚,折腾一个的小项目,发现自动填充的中文数据显示起来总不太美观,于是开始琢磨如何填充中文数据进行测试. 然而一番搜索后惊奇的发现,官方.以及一些非官方的文档均未提及这一功能.期间看到 ...