一、安装TypeScript
1、通过npm(Node.js包管理器)
npm install -g typescript
2、安装Visual Studio的TypeScript插件
二、创建第一个.ts文件
在编辑器里,创建一个
hellowWorld.ts
文件
let demo:string = "Hello World"
console.log(demo)
三、运行文件
tsc hellowWorld.ts
编译结果为:
hellowWorld.js文件
,展示为:
"use strict";
// String
var demo = "Hello World";
console.log(demo);
四、如何在页面展示
1、新建一个
.html文件
2、利用script标签
引入编译输出的.js文件
,即可在页面查看并操作。
五、利用watch实时监听文件变化并自动编译
tsc -w