① 求教,TypeScript用let写了一行变量声明就不能编译通过,是什么问题
tsc命令行引用了默认的版本,删除:C:\ProgramFiles(x86)\MicrosoftSDKs\Typescript\1.0自带的这个版本即可!
② 如何用WebStorm来调试TypeScript编译出来的javaScript
只能是再远码时候调啊,编译后就无法调了,使用自动编译的工具就行了
③ 如何编译TypeScript
1、手动编译
1.1、首先找到TypeScript的安装目录,我的在”C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0“。
1.2、使用cmd工具命令cd到安装目录。
1.3、输入命令:tsc 文件名.ts,回车编译。
一旦编译成功,就会在相同目录下生成同名的js文件(编译成功后是没有任何消息提示的。上图中,这也是编译成功的。只要不存在语法错误)。
2、设置自动编译
④ 如何修改webstome上typescript的编译器
两种方法:
安装最新的webstorm,集成的是2.3.1的Typescript
自己单独下好最新的Typescript,点那个edit,选custom directory 浏览到你下好的库,点确定就ok了
⑤ 为什么<script type="text/javascript">...</script>有时候执行,有时候不执行,是为什么
javascript属于脚本,直接解释执行,没有编译期,因此你在编写期间很难发现错误,倘若都错了,你就将代码删除,在你认为没进去的方法中alert下,看看是否打印。 另外你在执行时,没有按你预期执行,在浏览器中你可以按F12, 然后点console,看下提示。
⑥ npm安装typescript出现问题npm install -g typescript出错
cmd管理员身份启动在执行npm install -g typescript
⑦ 使用vs2013开发跨平台应用运行显示“未为 TypeScript 编译器给定要编译的文件,因此编译器将跳过编译。”
用记事本打开csproj文件,把typescript相关的删掉。
这是我在我的项目找到的:
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')" />
<TypeScriptToolsVersion>1.0</TypeScriptToolsVersion>
<TypeScriptCompile Include="Scripts\typings\jquery.autosize\jquery.autosize.d.ts" />
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" />
⑧ 如何启动typescript编辑器
Typescript是JavaScript的超集,支持ES6特性并且提供了类型系统,可以编译成Javascript。是微软开发且已经在github上开源。
ES6(ES2015,ES2016等)虽然已发布,但是很多浏览器厂商对其并不是完全支持,当前我们要想使用最新的ES6特性,必须使用转换工具(如babel),才能最终运行在浏览器上。而TypeScript对ES6新特性的支持使得我们可以直接使用开发,并且不用依赖第三方工具(不是绝对的),再加上静态类型检查等,使得我们可以像写java一样爽。
环境搭建
有两种主要的方式获取TypeScript工具。通过npm(Node.js包管理器)和安装TypeScript的Visual Studio插件。作为前端开发人员在这里使用npm这种简单高效方式安装。
1 npm安装
npm install -g typescript
2 是否安装成功,在命令行中输入以下命令,如果出现版本号表示安装成功
tsc -v
入门示例
创建文件Person.ts,并输入如下内容
class Person {
name:string;
age:number;
constructor(name:string, age:number) {
this.name = name;
this.age = age;
}
msg() {
return `${this.name} is ${this.age} years old`;
}
}
let user = new Person('Jack', 20);
document.body.innerHTML = user.msg();
编译后会在同目录下生成Person.js文件,编译命令如下:
tsc Person.ts
编译后的文件Person.js内容如下,其实就是javascript源码。
var Person = (function () {
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.msg = function () {
return this.name + " is " + this.age + " years old";
};
return Person;
}());
var user = new Person('Jack', 20);
document.body.innerHTML = user.msg();
新建hello.html文件,输入以下内容:
<!DOCTYPE html>
<html>
<head><title>TypeScript Hello World</title></head>
<body>
<script src="Person.js"></script>
</body>
</html>
用浏览器打开hello.html即可看到效果
工欲善其事必先利其器--VS Code
VS Code也是微软开发的编辑器,其本身也是使用TypeScript开发的,代码已在github上开源,基于Electron框架开发,相对于Atom速度快,体验较好,是TypeScript IDE的首选。
其源码编辑器monaco-editor联想功能比较强大,已经单独开源。微信小程序开发工具的中源码编辑器就是使用了monaco-editor。另外其插件系统使得我们可以丰富其功能。
关于VS CODE更多信息请查看官网文档。
⑨ 使用gulp编译typescript时,为什么这配置会出错
选择 Configure Task Runner 自创建 task.json 该配置文件工作空间.vscode目录目录存放vscode配置文件夹 vscode默认task配置文件给执行tsc gulp模板配置简单介绍 task.json 写 {"version": "0.1.0...
⑩ 为什么TypeScript解决不了问题
1. 对 IDE 依赖严重
2. 对现有的第三方JS库不友善
3. static type 在 js 所面对的浏览器页面小应用中缺乏广泛适用的环境
TypeScript 的最大的卖点在于让习惯了OO的人能有一个相对熟悉的进入JS的中介,并且对于初学者而言隐藏了许多JS的深坑。但是JS无法编译回 TypeScript,这个是硬伤。所以除非 webkit 能够直接运行 TypeScript,否则TS终究是一门玩具语言,因为最后运行时的问题还是需要钻进 js 去解决。