使用typescript开发nodejs的环境搭建(一)

  • 分类:【Nodejs
  • 浏览【2016】
  • 评论【0】
  • 更新【2016-10-11 22:19:52】

在一切开始之前先具备的开发环境:

  • 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';

ts提示

就会发现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

关键字词:typescript