typescript(一)--- 介绍、安装、工具配置

什么是typescript

1、TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。
2、TypeScript 由微软开发的自由和开源的编程语言。
3、TypeScript 设计目标是开发大型应用,它是尾缀为ts的文件,可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

安装typescript

在使用npm之前电脑必须安装node.js

npm install -g typescript

cnpm install -g typescript

yarm global typescript

安装完成之后查看是否安装成功,在终端输入ts命令 tsc -v;如果能显示ts的版本号说明安装成功。

运行typescript

  1. 创建尾缀为.ts的文件,写入最简单的 console.log("hello ts");
  2. 打开终端输入 npm tsc 文件名称.ts,这时候会发现.ts平级目录多出一个.js结尾的文件,这就是ts编译出来的JavaScript
  3. 现在这个js就可以在html中引入使用了,也可以用node.js启动,node 文件名.js;终端会打印出"hello window"

vscode 自动编译.ts文件

  1. 在终端输入 tsc --init;生成配置文件"tssonfig.json";
  2. 打开配置文件在17行找到 "outDir"把注释解开,保存地址看自己习惯;意思是将解析出来的js文件保存的地方;
  3. 在vscode中找到 终端->运行任务-> tsc:watch - tsconfig.json 意思是监听配置文件;这时候编辑完ts后保存就会自动生成js文件(有js文件自动更新代码);

猜你喜欢

转载自blog.csdn.net/qq_41950190/article/details/108141341