nodejs+Typescript环境配置

在开发过程中,总是会用nodejs去写一些小的脚本,常用的web框架是angular,有些时候要解析一些ts文件,所以常常会需要给nodejs安装typescript支持环境。在此简单记录。

类似的教程网上一搜能有很多,我也是随便参考了其中的一篇。

过程

前提:已经安装了node和typescript

  1. 新建文件夹,并且运行npm init
1
2
3
$ mkdir node_project
$ cd node_project
$ npm init

一路回车,然后文件夹下生成了package.json文件

  1. 我们可以在跟目录下新建testjs.js文件
1
2
// testjs.js
console.log('testjs');

然后,运行node testjs,即可显示结果。但如果我们更改文件后缀名为.ts,再次运行node testjs便会运行报错。

  1. tsc --init初始化TypeScript项目并创建一个 tsconfig.json文件。
1
2
3
4
5
6
7
8
9
10
11
12
// tsconfig.json 简单配置
{
"compilerOptions": {
"module": "commonjs",
"esModuleInterop": true,
"target": "es6",
"moduleResolution": "node",
"sourceMap": true,
"outDir": "dist"
},
"lib": ["es2015"]
}
  1. 修改package.json文件
1
2
3
4
5
"scripts": {
// 新增start命令
"start": "tsc && node dist/testjs.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
  1. 运行npm run start又能成功运行啦~

当然,你也可以根据自己的需求创建文件结构,更改快捷命令。
更多关于结合express,tslint,test和debug的内容,在此就不做赘述了,在实际过程中遇到了可能再来记录。