前端之vue3从TypeScript再出发

认识TS

TS,全称TypeScript, 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持,它由微软开发,代码开源于 GitHub 上。

TS特点

1.始于JS,终于JS,最后编译成JS;
2.强大的类型系统;
3.先进的 JavaScript, 提供最新的JS特性;

TS安装

前提:有网;管理员权限的命令行工具(这样可以支持全局安装)
步骤:
1.命令行安装

npm install -g typescript
// cnpm install -g typescript
// cnpm i -g typescript

2.检测

tsc -V 

在这里插入图片描述
3.手动编译ts文件(→js)


第一个TS程序

(我猜是HelloWorld)
(结果不是,虽然是类似的。但我强行写成HelloWorld了)
在ts文件中只写js代码编译后,js代码变得更规范了

(() => {
    
    
 // 指定参数的类型
  function sayHello(name: string) {
    
    
    return "Hello " + name;
  }
  let name = "World";
  console.log(sayHello(name))
})()

在html中引入编译为js的文件,然后打开html文件展示结果:
在这里插入图片描述

老师小结

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_46372074/article/details/125203086