Vue3 + TS (一)

TypeScript

TypeScript是一种由微软开发的开源、跨平台的编程语言。它是js的超集,最终会被编译为js代码。

安装命令:npm install -g typescript
检查版本:tsc -V


手动编译代码

新建一个first.ts

var str:string = 'uu盘'
console.log(str)

将first.ts引入index.html文件中:

<script src="./first.ts"></script>

浏览器会报错:
Vue3 + TS (一)
我们将first.ts中的代码改成:

var str = 'uu盘'
console.log(str)	此时可以正常输出:uu盘

我们也可以直接将ts文件转换成js

在终端中输入 tsc first.ts,就会自动生成一个js文件,将js文件引入index.html中运行到浏览器即可。

我们发现如果直接引入ts文件,浏览器会报错,但是如果引入的ts文件只有单纯的js语法代码,也是可以正常使用。

vscode自动编译

1)、生成配置文件tsconfig.json
	tsc --init
2)、修改tsconfig.json配置
	"outDir": "./js"	// 把ts文件最终编译后放在js的目录中
	"strict": "false"	// 不使用严格模式
3)、启动监视任务
	终端 -> 运行任务 -> 监视tsconfig.json

基础类型

语法:let 变量名:数据类型 = 值
注意:在ts中一开始是什么类型,后期赋值的时候,不允许用其他类型的数据赋值给当前这个变量

上一篇:C++基础-并行计算求和(async)


下一篇:【算法练习】日常刷题记录