一、全局安装TypeScript
vscode输入npm install -g typescript 输入以上代码自动帮你安装
tsc -v查看版本,若发现显示红字:“因为这个系统上已停用指令码执行…”管理员运行powershell输入Set-ExecutionPolicy RemoteSigned即可解决问题。
二、初始化(编译)ts
终端输入tsc -init,可以看到编译后的js
然后在vscode里敲ctrl+shift+b,终端机——所有工作——显示所有工作——选择“tsc:监看-tscofig.json”会自动编译出一个js文件
注意:
1、如果ts文件中直接书写js语法,ts是可以引入html文件中的;但如果ts文件写了ts语法,引入的就必须是编译后的ts文件,直接引入ts就会报错了。
2、ts文件中使用的形参如果使用了某个类型进行修饰,如str:string最终在编译的ts文件中是没有这个类型的(编译后还是str)
3、ts使用let修饰变量,编译后变成var
三、类型注解
是一种轻量级的为函数或者变量添加的约束,比如上面的str:string就是约束,那我再传一个数组就报错了。