使用typescript开发nodejs的环境搭建(一)
在一切开始之前先具备的开发环境:
-
nodejs4.0+
-
推荐的开发工具vscode
我希望通过本文介绍能直接做出一个最简单的项目框架,以便日后参考,这也是我想把之前纯nodejs写的博用typescript客重写一遍。
还是以expressjs为框架来搭建
使用express-generator
来生成项目基本框架,需要全局安装
npm install -g express-generator
express -e mpro
参数-e是以ejs为模板引擎,mpor为项目目录名,最后生成这样的目录结构:
.
├── app.js
├── bin
│ └── www
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes
│ ├── index.js
│ └── users.js
└── views
├── error.ejs
└── index.ejs
然后是全局安装typescript,便于在任何目录下编译,也可以安装在项目目录下。
npm install -g typescript
安装完以后初始化typescript:
tsc –init
会在根目录下生成tsconfig.json文件,用于配置ts的编译选项。
有了基本目录以后就可以着手编写代码了,为了使用ts开发,可以手动将routes
目录下的js文件
和app.js后缀名改成.ts
.
做完以上步骤以后可以试着在项目根目录下执行> tsc
命令,可能什么都没发生,
这个命令会默认编译当前目录下的ts文件,但是我们项目中并没有这样的文件,
你可以自己新建一个后缀为.ts的文件再执行> tsc还是什么都没有发生一样,但是如果我们把app.ts
(已经改过后缀的app.js文件)中的
var bodyParser = require('body-parser');
改成
import * as bodyParser from 'body-parser';
就会发现vscode有红色波浪线的错误提示了,说是找不到模块,这时候就要安装ts定义文件了 typescript2.0可以直接使用npm安装definitions。
npm install --save @types/body-parser
只需要在包前面加@types即可。
安装成功后红色波浪线应该会消失,同样的道理,我们安装的第三方nodejs依赖都需要安装ts定义包。
不过也不是必须的,还是可以通过原生的require('body-parser')
方式来引入包,这样只不过不能利用
ts的一些优势了。
以上就是ts环境的安装,接下来是ts的编译 使用typescript开发nodejs的环境搭建(二) 参考源码https://github.com/yuedun/yuedun_ts