一、安装TypeScript
npm i -g typescript
二、安装完成后
创建ts 使用ts语法 可能遇到的报错问题
-
在啥都没配置的默认情况下,TS会做出下面几种假设:
-
假设当前的执行环境是dom
-
如果 代码中没有使用模块化语句(import,export),便认为改代码是全局执行
-
编译的目标是ES3,有点低
-
-
有两种 方式更改以上假设
-
使用tsc命令行的时候加上选项参数
-
使用ts配置文件,更改编译选项
-
这里选择使用ts配置文件来进行更改编译选项
-
方法1:直接在更目录下创建 tsconfig.json
-
方法2:直接使用命令行 tsc --init
成功后会显示: Successfully created a tsconfig.json file
-
配置文件内容
{
"compilerOptions": {
"target": "es2016",
"module": "commonjs",
"lib":["es2016"],
}
}
-
compilerOptions 配置可选项
-
target 配置编译目标代码的版本标准
-
module 配置编译目标使用的模块化标准
-
lib 表示默认详情下ts使用的是那一个环境
注意 它默认是dom环境,这里我们不在dom环境中所以不加入, 我们在node环境中,所以我们必须得安装一个包 @types/node 这个包表示可以运行node环境的代码,如果不添加这个包 则在node环境下,连console.log都无法使用 npm i -D @types/node
-
未完待续....