前提条件
要跟随本教程前进--读者需要具备以下条件。
- 在你的电脑上安装[Node.js]。
- [对Node.js的基本了解]。
- [对Typescript的基本了解]。
设置Node.js
一旦Node.js安装在计算机中,运行node –v
,以确认安装是否成功。
为了生成Node.js package.json文件,运行npm init
。这将引入关于你的项目的系统问题。这提示了你设置常规Node.js项目的方式。或者,运行npm init -y
,用默认值覆盖packages.json
文件。
设置Typescript
要在Node.js中设置Typescript,你需要Typescript依赖项。要安装Typescript编译器包,请运行以下命令。
1.全局安装Typescript编译器
npm install -g typescript
运行tsc --version
来确认是否安装了编译器。
2.项目的本地依赖中安装一个Typescript编译器。
npm install -D typescript
创建一个Typescript配置文件
为了用Node.js初始化Typescript项目,在项目根目录下创建一个tsconfig.json文件。
该配置文件存储了Typescript编译器的选项。另外,你也可以运行tsc --init
,在你所在的任何目录下自动创建这个文件。
这里是一个tsconfig.json
文件选项的例子。
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "./dist",
"rootDir": "./src",
"strict": true,
"moduleResolution": "node",
"esModuleInterop": true,
},
"exclude":[
"./node_modules"
]
}
现在运行下面的命令来执行该代码。
在开发环境中,每一次运行上述命令来编译和运行都是很烦人的。为了使这个过程更容易,你需要安装一个叫做ts-node
的包。
npm install -D ts-node
继续配置你的package.json
脚本标签并启动构建命令,如下图所示。
"scripts": { "start": "ts-node ./src/index.ts" }
现在你可以运行npm start
来执行index.ts
。而当你删除带有编译后的index.js
的dist文件夹,然后仍然运行npm start
,你会得到同样的结果。
使用包的Typescript
使用Typescript和Node.js的高潮是能够利用开源的NPM包和框架。让我来演示一下我们如何使用Typescript来开始与NPM包进行交互。
这个例子将设置Typescript与Express.js。你应该从NPM注册表中安装Express.js。
要做到这一点,请运行npm install express
。
注意:在使用Node.js编写Typescript时,一定要确保安装了Node.js类型检查包。
npm install -D @types/node
Node.js包是用JavaScript而不是Typescript编写的。为了获得其包的类型定义,你需要安装名为@types
的第三方包。
npm install -D @types/express