【无标题】

关于vue3学习的第一天

1.什么是TypeScript

TypeScript是JavaScript的超集，自己提供了类型的定义，接口，泛型等.TypeScript浏览器不能直接运行，需要编译成js文件

2.TypeScript的优势

javaScript中变量没有泛型约束，它的类型取决于最后赋值的类型，很方便
也有很大的弊端，为了解决此问题TypeScript提供了类型的约束，并且还提供了丰富的类，更加的面向对象。
vue3.x的底层代码也是TypeScript来编写的。

3.安装TypeScript

TypeScript需要Node.js的环境支持需要先安装Node.js环境

*** 3.1***

      安装Node.js(网上查找）

*** 3.2***安装TypeScript

执行以下代码
npm i -g typescript
或者
yarn add -g  typescript

4.编写第一个文件

    let count=0
    console.log(count);

5.编译文件

   都TypeScript程序而言，不能直接运行，需要先编译为js后再运行

*** 5.1***编译执行·的命令后生成js文件

tsc  文件名.ts  

*** 5.2***运行

Node 文件名.ts

*** 5.2***可以合并两个代码

使用控制台运行npm i tsc-node 
运行就可以用 tsc-node 文件名.ts

6.基础类型：

格式：   let 或 const 变量名称：类型 = 值

6.1 布尔类型

let flag :boolean = true
console.log(flag);
flag=flase;
console.log(flag);

6.2 Number 类型 是数字类型包括 整数，小数，二进制，八进制，十六进制

let decliteral:number = 6;  
let hexLiteral:number= 0xf00d;
let binaryLiteral:number=0b1010;
let octalLIteral:number=0o744;
console.log(decLiteral,hexLiteral,binaryLiteral,octalLiteral);

6.3 String 字符串类型，它可以使用单引号，也可以使用双引号。在ts中推荐使用单引号

let name:String='张三'
console.log(names);
let age:number = 18
const desc : String = '我叫${name},${age}岁’
console.log(desc);

6.4Array 数组 两种方式

let list :number[] = [1,2,3]；
const list :number[] = [1,2,3,4,5,6]；
const strs:Array<String>=['hello','world','hi']
const.log(strs);
const list:number[ ]= [1,2,3,4,5,6]；

6.5 tuple 元组
什么是元组：元组是固定长度，固定类型且每个元素不同的数组。
const tuples:[string,string,number]=[‘hello’,‘world’,18]
const.log(tuples);