VScode中TypeScript基本配置及TypeScript基础数据类型

本文介绍了如何在VScode中配置TypeScript,包括下载、编译成JS文件以及设置tsconfig.json。同时讲解了TypeScript的基本数据类型,如布尔、数字、字符串、数组、元组、枚举、任意类型、void和never类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下载

npm i -g typescript

编译成js文件

tsc '文件名'

vscode配置typescript

  1. 新建文件一个文件夹,进行初始化tsconfig.json 。cdm运行tsc --init
  2. 设置生成路径 "outDir": "./js"(这里生成路径可根据自己需要更改);
  3. 在vscode中导航栏选择“终端–>运行任务–>监视tsconfig.json”及可在上一步配置的路径下编译出js文件在这里插入图片描述

typescript类型校验

  1. 布尔类型(boolean)
 let bool:boolean = true;
 console.log(bool); // true
  1. 数字类型(number)
let num:number = 3;
console.log(num); // 3
  1. 字符转类型(string)
let str:string = 'sss';
console.log(str); // sss
  1. 数组类型(array)
// 第一种定义方法(每项都为number)
let arr1:number[] = [11,22,33];
// 第二种定义方法(每项都为string)
let arr2:Array<string> = ['a','b','c'];
// 第三种定义方法(每项可为任意类型)
let arr3:any[] = [123,'aaa',true];
  1. 元祖类型(tuple)
// 对应位数对应类型
let arr:[number,string] = [123,'str']
  1. 枚举类型(enum)
// 如果不赋值,默认值为下标
 enum Flag {success=1,'err'=0};
 let f:Flag = Flag.success;
 console.log(f) // 1
  1. 任意类型(any)
// 可以设置任何的类型
let oBox:any = document.getElementById('box');
  1. null 和 undefined是 其他(never类型)的子类型
let num:number | undefined
console.log(num) // undefined 不报错
num = 123;
console.log(num) // 123
  1. void类型:typescript中的void表示没有任何类型,一般用于定义方法的时候方法没有返回值。
// 方法没有返回任何类型
 function run():void{
    console.log('run')
 }
// 方法返回number类型
function numf():number{
    return 123
}

9.never类型:是其他类型(包括null和undefined)的子类型,代表从不会出现的值(通常表现为抛出异常或无法执行到终点)

let a: never;
let b: number;
// 运行错误,数字类型不能转为 never 类型
a = 123;
// 运行正确,never 类型可以赋值给 never类型
a = (()=>{ throw new Error('exception')})();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值