TypeScript的一些安装转换热更新等配置方法

Posted 2021-10-10 老张在线敲代码

安装

首先得有node然后在文件目录中git bash

输入npm i -g typescript

安装成功后输入tsc测试是否安装成功

ts转js

浏览器不认识ts需要将ts转换为js让浏览器进行编译

在当前目录下git bash输入 tsc 文件名.ts回车会发现多出一个helloTs.js文件

热更新当前的文件

tsc index.ts -w 【不推荐】

在全局创建tsconfig.json文件并写入一个空对象 【推荐】然后在全局输入tsc更新js文件，紧接着tsc -w开启热更新监视状态

tsconfig文件内的一些配置选项

tsconfig.json文件是ts编译器的配置文件，ts编译器可以根据他里面的一些信息来对代码进行编译

include用来指定哪些ts文件需要被编译

俩个星号表示任意的目录 一个星号表示任意的文件

exclude一般设置不需要被编译的目录

compilerOptions中的target用来指定要被编译的代码格式，默认编译为es3格式module用来指定代码的版本

lib库

"outDir":"/dist"将编译前的跟编译后的分离开来

outFile将编译后的代码合并到app.js中

"allowJs":false是否对js进行编译

"checkJs":false是否检查js代码规范

"removeComponents":true编译代码后会将注释删掉

strict所有严格规则的总开关

"noEmitOnError":true编译后不生成出现错误的文件

"alwaysStrict":false在ts中开启严格模式

"noImplicitAny":false设置any的类型、显式或者隐式

"noImplicitThis":false不允许出现一个不明确类型的this

strictNullChecks:false严格的检查控制