typescript学习环境搭建

参考：https://zhuanlan.zhihu.com/p/700741452

一、全局安装 typescript 环境

npm install -g typescript

tsc -v

二、初始化项目

1、创建项目目录

mkdir my-ts-project
cd my-ts-project

2、初始化npm项目

npm init -y

3、项目中 安装 TypeScript依赖

npm install typescript --save-dev

三、配置typescript

1、创建typescript配置文件

tsc --init

 或手动创建并编辑tsconfig.json文件。

说明：推荐使用tsc --init 创建，因为常用的配置里面都已经给配置了。需要时放开注释就可以了。

2、创建项目结构

在根目录上创建src文件夹，并在其中创建一个index.ts文件和index.html文件。

index.html文件的中script标签引入index.ts编译后的index.js文件。浏览器打开index.html文件，这时index.ts编译后的代码在浏览器上就可以立刻看到了。

四、编译和运行

1、编译typescript代码

使用 TypeScript 编译器 tsc 编译项目：

tsc

2、运行编译后的 JavaScript 文件

• 方式1：html文件通过script标签引入
• 方式2：在nodejs中运行js文件
• 方式3：使用ts-node直接运行ts文件。