Ts 使用大全

这里写自定义目录标题

  • 0.安装
    • 第一步:
    • 第二步:
    • 第三步:
    • 第四步:
  • 1.Ts变量
    • 1.1 Ts声明 变量
    • 1.1 Ts 变量类型

0.安装

第一步:

npm install -g typescript

使用它来安装模块

第二步:

tsc -v

可以通过该命令来得到版本号的查看

第三步:

我们需要创建一个文件夹,在桌面上或者其他地方。

当打开文件夹,创建ts。

第四步:

tsc demo.ts

1.Ts变量

1.1 Ts声明 变量


// 声明变量及类型并赋值(不常用)
let a:number = 0; 

// 声明变量及类型 再赋值(不常用)
let a:number;
a = 10;

// 声明变量通过赋值固定类型(常用)
let a;
a = 10; // a的类型在第一次赋值的时候就会被固定,只能是 number类型 


1.1 Ts 变量类型

Ts 使用大全_第1张图片

// 声明字符类型变量  : 就是这个 sex 变量只能为 male 或fmale 赋值成其他不可以~
let sex:'male' | 'fmale';
sex = 'male' 	// 正常
sex = 'fmale'   // 正常
sex = 2 		// 报错

//  声明一个变量 可以是字符串类型也可以是数字类型的
let type : string | number;
type = 'zhangzhang'  // 正常
type=1 				 // 正常
type=true 			 // 报错

你可能感兴趣的:(前端,vue.js)