TS安装与编译

185 阅读1分钟

1. typescript是什么

  • Typescript是由微软开发的一款开源的编程语言
  • Typescript是Javascript的超集,遵循最新的ES5/ES6规范。TypeScript扩展了Javascript语法
  • TypeScript更像后端Java、C#这样的面向对象语言可以让JS开发大型企业应用
  • 越来越多的项目是基于TS的,比如VSCode、Angular6、Vue3、React16
  • TS提供的类型系统可以帮助我们在写代码的时候提供更丰富的语法提示
  • 在创建前的编译阶段经过类型系统的检查,就可以避免很多线上的错误

typescript.jpg

2. TypeScript安装和编译

2.1 安装

cnpm i typescript -g

接下来可以创建TS文件了
tsc helloworld.ts

2.2 Vscode+TypeScript

2.2.1 生成配置文件

tsc --init

2.2.2 执行编译

tsc

2.2.3 vscode运行

  • Terminal->Run Task-> tsc:build 编译

  • Terminal->Run Task-> tsc:watch 编译并监听

  • 2.2.4 npm scripts

  • npm run 实际上是调用本地的 Shell 来执行对应的 script value,所以理论上能兼容所有 bash 命令

  • Shell 在类 Unix 系统上是 /bin/sh,在 Windows 上是 cmd.exe

2.2.5 npm scripts 的 PATH

  • npm run 会预置 PATH,对应包下的 node_modules/.bin 目录