Vue+TS

参考资料网址：
Vue3+TS 快速上手
第一课快速链接
笔记：
安装 TypeScript：
cmd-npm install -g typescript
检查安装：
tsc -V
实例代码如下：

(() => {
  // str这个参数是string类型的
  function sayHi(str:string) {
    return "hello" + str;
  }
  let text = "测试TS文件";
  console.log(sayHi(text));
})();

(str:string)为ts文件格式，直接引入了ts的文件，浏览器是会报错的（如果ts文件中只有单纯的js的语言代码，是可以正常的引入及使用的）
自动转为js文件方法：
目录右键-在集成终端中打开-输入 tsc （Tab）可以生成相同的js文件
Q：对文件 D:\mao\sofeware\node-v16.13.2-win-x64\node-global\tsc.ps1 进行数字签名。无法在当前系统上运行该脚本。有关运行脚本和设置执行策略的详细信息
A：此时在终端执行get-help set-executionpolicy、set-executionpolicy remotesigned如果弹出提示则选择Y
总结：

1. 如果ts文件中直接书写js语法的代码，那么在html文件中直接引入ts文件，浏览器可以直接使用
2. 如果ts文件中有了ts语法代码，那么需要编译为js文件再在html文件中引入js文件
3. ts文件中的函数中的形参，如使用了某个类型进行修缮，那么编译后js文件没有类型名称
4. ts文件变量使用let修饰，编译后js文件使用var

设置自动编译ts-js文件：
文件夹-在集成终端中打开：
1). 生成配置文件tsconfig.json
tsc --init
2). 进入上述配置文件修改tsconfig.json配置
“outDir”: “./js”,
把ts文件编译最终存放的位置
“strict”: false,
不使用严格模式
3). 启动监视任务:
终端 -> 运行任务->显示所有任务 ->（tsc监视） 监视tsconfig.json

ts：
框架：(()=>{
})()
接口：interface ** {}
方法 定义函数：function ** {}
定义实例化对象：接口：const ** {} 类：const **=new ##()
定义类型：class ** {}
定义构造器函数：constructor（）{}

vue下载gitee仓库：
1、下载解压
2、终端输入
cd … 转到想要下载的目录
git clone 网址

vue2中html必须一对根标签，vue3不需要
vue-html
vue中，<script lang="ts">,这里可以使用ts的代码