概要

image.png

TypeScript介绍

image.png

相关网址：
TypeScript - JavaScript that scales. 英文官网
TypeScript中文网 · TypeScript——JavaScript的超集

mac 环境搭建

image.png

  • 使用 WebStorm 的方法

image.png
image.png
image.png
image.png
image.png
image.png
image.png
下面的是自定义的方法
image.png
在实际使用时直接点击上图右上角的 ok 使用 WebStorm 自己设置好的即可
image.png
CTRL + S
image.png
image.png

  • 使用 sublime 或者其他编辑器的方法

image.png
image.png
image.png
image.png

MAC OS X 环境搭建

image.png
homebrew 英文官网
image.png
homebrew 中文官网
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

  1. //全局安装 typescript
  2. npm install -g typescript
  3. //执行命令测试是否安装成功
  4. tsc

image.png

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

Windows环境搭建

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png