美文网首页
ts简介+安装

ts简介+安装

作者: 北冥有咸鱼_ | 来源:发表于2020-04-23 14:30 被阅读0次

ts简介

任何合法的js代码,都是合法的ts
ts兼容了已有的js语法
更为准确的说法:任何合法的es6代码都是合法的ts代码
ts是js的超集
ts更像后端的c#,java等面向对象的语言

es6/es5/ts关系.png

安装ts

npm install -g typescript
cnpm install -g typescript //推荐
yarn global add typescript

安装成功:

tsc -v

运行一个ts文件

tsc xxx.ts

然后就会出现一个同名的js文件
浏览器就认识js语法,这样ts代码就能在浏览器里运行了。
但是每次写一行代码就要tsc一次吗?不!

配置VSCode,自动编译ts

  1. tsc --init
    就会自动生成一个tsconfig.json
  2. 打开outDir,输入保存js的路径


    outDir.png
  3. 点击terminal ->run task -> typescript -> tsc:watch

相关文章

网友评论

      本文标题:ts简介+安装

      本文链接:https://www.haomeiwen.com/subject/zrcaihtx.html