快速入门
安装TypeScript
npm install -g typescript
创建目录
mkdir demo && cd demo
npm init
tsc --init
编译命令
package.json
{
//...
"main": "src/index.ts",
"scripts": {
"build": "tsc", // 编译
"build:w": "tsc -w" // 监听文件，有变动即编译
},
//...
}
src/index.ts
/**
* 函数返回值 箭头函数写法
* @param a 数值类型
* @param b 可选参数
* @param c 带默认值的参数
* @returns
*/
let demo = (a: number, b: number = 2, c?:number):string => {
return `a + b + c = ${a + b + (c || 0)}`
}
console.log(demo(1, 2))
运行编译
yarn build
测试编译文件
index.html 将编译后的JS文件引入到页面中测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<script src="./src/index.js"></script>