TypeScript 介绍与环境的搭建

概要

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

//全局安装 typescript
npm install -g typescript
//执行命令测试是否安装成功
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