Type Script在Visual Studio 2013中的问题汇总(持续更新…)

TypeScript在vs2012下的问题

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

 

在VS2013中没法建立TypeScript项目

VS2013默认不支持TypeScript。git

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

image

 

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

解决方法:github

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

二、将  Microsoft.TypeScript.targets  文件复制到其余路径,打开编辑工具

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

<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 #3493ui

 

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

解决方法:spa

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

image

 

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

解决方法:

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

二、下载后粘贴到  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关键字等)

image

解决方法:

一、卸载全部其余版本的TypeScript。从新安装要使用的版本(我这里使用的1.4稳定版)

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

image

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

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

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

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

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

image

八、TypeScript1.4的新特性都可正常使用。

image

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

image

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

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

 

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


这个问题的表现与上面这个问题彻底一致,可是致使问题的缘由是 目前已知的微软TS安装包的BUG,即卸载后没有卸载干净,致使后续全部新版都安装不了。

能够经过如下途径来检测是否有此问题:

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

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

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

若是没有,那么请卸载全部低版本TS,只保留你安装的最高版本TS。

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

image

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

image

五、若是显示的版本号和你控制面板里显示的版本号不符,

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

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

复制全部,粘贴到记事本中:

image

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

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

 

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

image

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

image

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

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

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

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

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

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

 

 

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

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

相关文章
相关标签/搜索