Node 系列 - 002 - TypeScript

——————————☆☆☆——————————

Node 系列相应地址：

• 代码仓库：https://github.com/LiangJunrong/all-for-one

• 文章仓库：https://github.com/LiangJunrong/document-library/tree/master/%E7%B3%BB%E5%88%97-%E5%89%8D%E7%AB%AF%E8%B5%84%E6%96%99/Node

——————————☆☆☆——————————

TypeScript 是 JavaScript 的超集，为语言增加了新的功能（下面简称 TS）。

jsliang 羡慕 TypeScript 很久了，一直没有自己去搭建过，都是用别人搭建好的，恰好这次要尝试，那就折腾个痛快。

这篇文章通过配置 Node.js 集成 TS，来快速讲解 TS 的使用。

一 目录

不折腾的前端，和咸鱼有什么区别

目录
一 目录
二 Node.js 快速集成 TS
2.1 目录结构
2.2 初始化步骤
三 tsconfig.json 讲解
3.1 compilerOptions 可配置项
3.2 files 可配置项
3.3 include 和 exclude 可配置项
四 ESLint
五 总结
六 参考文献

二 Node.js 快速集成 TS

2.1 目录结构

在这之前，我们先明白即将构建的目录：

util
 - src
  - index.ts
 - tsconfig.json
 - package.json

util 就是仓库名称（文件夹名称），可以随意换个其他文件夹

除了 index.ts 是人工添加的，其他文件均有命令行生成，可以不理会

那么，Here We go~

2.2 初始化步骤

首先，初始化 package.json：

• npm init --yes

如果仓库名为中文名，需要 npm init 逐项填写

然后，如果在 index.ts 中，编写了以下代码：

index.ts

const path = require('path');

console.log(path);

此时执行 node src/index.ts，会看到报错：

internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'F:\jsliang\index.ts'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)   
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

也有可能不报错！

如果你使用的是 VS Code 开发软件，会看到提示：

找不到名称 "require"。是否需要为节点安装类型定义? 请尝试使用 `npm i --save-dev @types/node`。ts(2580)

意思就是 path 和 require 模块都是 Node.js 的东西，使用它需要安装 Node.js 的声明文件，即安装 @types/node 这个包。

接着，如果单单安装 @types/node，是还不够的，因为 @types/node 仅仅是 TS