TypeScript快速入门（二）

安装ts

npm install -g typescript

查看是否安装成功

tsc -v // 出现版本号则已安装

创建一个ts文件命名为hello.ts

第一个小案例

(() => {
	function sayhi(str: String) {
		return "你好" + str;
	}
	sayhi("张三");
})();

编译ts文件

编译后，自动生成对应js文件，es6语法自动转换为es5，在网页中引入即可

1.手动编译：终端执行 tsc 文件名 命令(ts文件内容修改需要再次编译)
tsc hello.ts
2.自动编译：内容修改自动监听，不用再次编译

• tsc --init 生成配置文件
• 修改tsconfig.json文件中的outDir、strict

"target": "es2016"  // 设置最终生成的js语言版本，这里是es6，可以更改为其他的
"outDir": "./js" 	// 表示ts文件最终编译为js文件，js文件存放的位置，通常在根目录下新建js文件夹，用于存放生成的js文件
"strict": false     // 关闭严格模式

• 启动监视任务：vscode上方终端选项>运行任务>显示所有任务>tsc监视 tsconfig.json>终端显示监听成功