TypeScript的入门-环境搭建

作者:陈劲灿 编辑日期: 2017年10月12日 10:16 阅读量: 440 分类: program
搭建TypeScript Windows环境:
需要准备的内容:
  1. nodejs

  2. visual studio code 下载安装


安装TypeScript编译环境:
1. 先将下载好的nodejs 安装
2. 判断nodejs是否安装好,打开命令行然后输入node

检测nodejs是否安装完成

3. 判断npm是否可用.

查看npm是否可用

4. 安装TypeScript编译环境
npm install -g typescript

安装TypeScript环境

5. 检验typescript编译器是否可用
tsc --version
tsc --help

检测TypeScript是否可用


创建你的第一个TypeScript工程:
1. 新建一个文件夹名称为ts_demo

tsdemo文件夹

2. 在文件夹下创建一个tsconfig.json文件

在任何TypeScript工程中添加tsconfig.json都是第一步!

添加如下内容:

{
    "compilerOptions": {
        "target": "es5",
        "sourceMap": true
    }
}
3. 在文件夹下创建一个demo.ts

并且输入:

1.
console.log("Hello World");
4. 点击VSCode上的“任务”(Tasks )菜单,并且点击“运行任务”(Run Build Task),然后点击构建-tsconfig.json

会在终端中输出如下:即表示构建完成:

可以看到构建后生成了两个文件:

5. 调试

选中生成的demo.js 点中菜单“调试”->"启动调试"可以看到调试终端有Hello World输出,这即为一个最简单的TypeScript上手示例。

6.接下来该做什么?
  1. 建议先查看TypeScript文档
  2. 上手一些Samples。

上一篇
下一篇
关于算法的单独整理文章
关于数据结构的知识整理