TypeScript快速入门

一、初识TypeScript

1、安装TypeScript

首先，你需要在你的项目中安装TypeScript。你可以使用npm或者yarn来进行安装。在命令行中运行以下命令即可安装最新版本的TypeScript：

npm install -g typescript

2、Hello TypeScript

创建TypeScript文件index.ts：

let text: string = 'Hello TypeScript'

tsc 为 typescript compiler 的缩写，即 TypeScript 编译器，用于将 TS 代码编译为 JS 代码。使用方法如下：
执行 tsc index.ts 命令，会在同目录下生成 index.js 文件。

tsc index.ts

index.js

var text = 'Hello TypeScript';

二、结合项目—配置

1、tsconfig.json

tsconfig.json是TypeScript项目的配置文件，用于指定TypeScript编译器的选项和行为。
在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先找项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。

• 配置后，tsconfig.json所在目录下的对应文件会在运行tsc命令时编译成js文件并输出到outDir配置的目录下

tsconfig.json 重要字段

• files - 设置要编译的文件的名称；
• include - 设置需要进行编译的文件，支持路径模式匹配；
• exclude - 设置无需进行编译的文件，支持路径模式匹配；
• compilerOptions - 设置与编译流程相关的选项。

compilerOptions 每个选项的详细说明

{
   
  "compilerOptions": {
   

    /* 基本选项 */
    "target": "es5",                       // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'
    "module": "commonjs",                  // 指定使用模块: 'commonjs', 'amd', 'system', 'umd' or 'es2015'
    "lib": [],                             // 指定要包含在编译中的库文件
    "allowJs": true,                       // 允许编译 javascript 文件
    "checkJs": true,                       // 报告 javascript 文件中的错误
    "jsx": "preserve",                     // 指定 jsx 代码的生成: 'preserve', 'react-native', or &#