typeScript(ts)使用

370 阅读1分钟

typescript,简称TS 我的理解呢就是TS是对js的语法更加严格要求了,数据格式这方面是很严谨的,但是它可以让我们代码更加规范化,这样的话也是后期看起来很方便,因为它的类型结构很清晰。 安装

typescript的全局安装
npm install -g typescript
tsc可检测
tsc ./文件路径名, 
 会自动生成一个同名的js文件
ts它是支持所有的js数据类型的,除了这些外,
它有自己的类型:
 js的数据类型:基本类型:number、string、undefined、null、boolear、symbol
 引用类型:object、function、array
 TS除了js的数据类型外,还有元组、枚举、any、void、newver
比如
let obj="zhangsan"
obj=111
这样在js中是不会报错的,但在ts中运行是有问题的
ts中它要求必须和上边的类型一样才可以

当然呢ts中还有一个any类型

let num:any=123
num="wzl"
这样的话是不会报错的

webpack中配置ts 1、使用命令 npm install typescript ts-loader --save-dev 2、webpack.config.js中配置

{ test:/\.ts$/,exclude: /node_modules/,use:['ts-loader']} 

3、使用命令tsc --init: 就会自动出来一个空的tsconfig.json文件 4、ts中不会支持以.ts扩展名结尾的,在webpack.config.js中配置

resolve:{
extensions:['.js','.ts']
}

这样的话,一个大体的配置算是完成了