vue+ts自动构建,无需vue add typescript

vue+ts全自动构建。无需命令vue add typescript。
vue3下载命令介绍：
在创建项目的时候直接勾选上ts。空格键代表选中，上下箭头控制目录提跳转。

---

一、没有选中 class-style component

---

二、选中 class-style component

---

ts学习：

ypeScript兼容JavaScript 可选类型、类和模块 编译成js
js点解决：弱类型和没有命名空间

TypeScript7种数据类型： Boolean、Number、String、Array、Enum、Any、Void

 let/var flag: boolean = false;
 
 let/var age :number = 20;
 
 let/var str:String = "hello world"
 
 let/var list :Array<string> = ["12","13"];   
 或者：   
 let /var list string[] = ["12","13"];
 
 enum color {red, green};
 
 var/let notSure: any = 4;   
 notSure = false 
 notSure = "hi"
  
function xx(): void {}

类： 和java…：

 class 类名 { 	属性名：属性类型; 	构造方法：constructor
 
 类方法：hello(): void {}   }

 let/var str=实例化对象new 类   str.方法

 继承：   比如说继承上一个类  
  
 class xx extends 类{}
 
 涉及重写和重载
 
 修饰符:private public static...
    get\set设置和更改值 return 和this
 
 导入导出
 
 静态属性：static
 
 接口：   interface implements学习
 
 继承接口：   interface xx extends xxxx{}
 
 模块的作用
 
 module  xx{export}   import引入
 
 函数： var myAdd =  
 function(x:number,y:number):number{
	return x+y;
 }

学习网址：
ts介绍：https://blog.csdn.net/twypx/article/details/80290806
vue+ts下载：https://blog.csdn.net/weixin_41996632/article/details/102669324