面试题：TypeScript安装方式及tsconfig.json基础配置

Question

请简述在项目中安装TypeScript的常见方式有哪些？并说明tsconfig.json文件中，如何配置编译后的JavaScript文件输出目录以及指定目标ECMAScript版本？

Answer 1

安装TypeScript的常见方式

1. 使用npm：在项目目录下，运行 npm install typescript --save-dev ，这会将TypeScript安装为项目的开发依赖。
2. 使用yarn：同样在项目目录下，执行 yarn add typescript -D ，yarn也会把TypeScript添加为开发依赖。

tsconfig.json配置

1. 配置编译后的JavaScript文件输出目录：在 tsconfig.json 中，通过 outDir 字段来指定。例如：

{
    "compilerOptions": {
        "outDir": "./dist"
    }
}

上述配置表示将编译后的JavaScript文件输出到项目根目录下的 dist 目录。 2. 指定目标ECMAScript版本：在 tsconfig.json 的 compilerOptions 中，使用 target 字段指定。如：

{
    "compilerOptions": {
        "target": "es6"
    }
}

这里设置为 es6 ，即指定目标ECMAScript版本为ES6，也可根据需求设置为 es5、es2015（等同于 es6）、es2016 等。