以下是有关TypeScript的入门介绍。

什么是 TypeScript？

1.1 TypeScript是由微软开发的一种开源编程语言。它是JavaScript的超集，通过为JavaScript提供静态类型检查，增加了代码的可读性和可维护性。

发展历史

1.2 TypeScript最初由Anders Hejlsberg在微软开发，并于2012年首次发布。它的发展一直得到社区的积极支持，逐渐成为前端开发的主流选择。

1.3 TypeScript与JavaScript的关系
TypeScript是JavaScript的超集，意味着所有的JavaScript代码都可以在TypeScript中运行，同时TypeScript还提供了额外的语法和功能。

优缺点

1.4为什么选择TypeScript？

选择TypeScript的主要原因包括：静态类型检查、更好的代码提示和自动补全、更好的代码组织和维护性、更好的开发体验等。

1.5 TypeScript的优势与劣势
TypeScript的优势包括类型安全、智能代码提示、更好的代码组织结构等；劣势可能包括学习曲线较陡等。

应用场景

1.6 TypeScript的应用领域
TypeScript可以用于开发各种类型的应用程序，包括Web应用、Node.js应用、移动应用、桌面应用等。

开发工具

环境依赖

Node.js: TypeScript编译器是基于Node.js构建的，因此需要先安装Node.js。你可以从 Node.js官方网站 下载并安装适合你操作系统的Node.js版本。

npm install -g typescript

编程IDE

多种主流编辑器如Visual Studio Code、Sublime Text、Atom等都对TypeScript提供了良好的支持。

vs调试

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "ts-node",
            "type": "node",
            "request": "launch",
            "args": [
                "${relativeFile}"
            ],
            "runtimeArgs": [
                "-r",
                "ts-node/register"
            ],
            "cwd": "${workspaceRoot}",
            "protocol": "inspector",
            "internalConsoleOptions": "openOnSessionStart"
        }
    ]
}

构建工具/工程化

构建工具: 在实际项目中，通常会使用一些构建工具来处理TypeScript代码，比如Webpack、Rollup、Vite等。这些工具可以帮助你自动化构建过程、优化代码等。你可以根据项目需求选择合适的构建工具，并在项目中使用npm进行安装和管理。

步骤汇总

1.安装vs code

2. npm install -g typescript

3.运行 tsc hello.ts 。将ts编译为js文件

4.调试 npm install -D ts-node ，安装vs扩展TS Debug。添加调试launch.json文件配置如上所示

5.实时编译：在vs code中 选择终端→运行任务 输入ts 选中tsc:监控，将对ts生成js文件进行实时监控。

第一个项目

1. 在vs中创建01hello.ts,代码如下

function sayHello(person:string){
   return `hello ${person}`;
}

let user:string = 'Tom';
let r= sayHello(user);
console.log(r);

2.编译成JS 手动编译 tsc 01hello.ts 或自动编译运行任务tsc:监控。将生成01hello.js文件。

3.可以将01hello.js拿到其他web页面使用。 注：实际开发过程中，可能使用到构建工具如Webpack、Rollup、Vite等，就不用运行步骤2和3了。