使用typescript创建node项目

2019-04-21  本文已影响0人  ysp123

1、创建基础环境

cd  项目名称
npm init   //执行初始化
npm install koa --save
npm install @type/koa  --save
npm install typescript  ts-node --save

2、创建tsconfig.js文件(两种方式)

1、npm install -g typescript  后查看  tsc -v 是否安装成功
    执行 tsc --init  生成tsconfig.js配置文件
2、进入node_modules/.bin目录  
    执行 tsc --init  生成tsconfig.js配置文件

3、修改配置

{
    "compilerOptions": {
        "target": "ES2017",     /*编译到ES2017版本的js*/
        "module": "commonjs",   /*使用commonjs规范*/
        "sourceMap": true,      /*生成map文件*/
        "outDir": "./dist",     /*输出文件夹*/
        "strict": true,         /*启用所有严格的类型检查选项*/
        "noImplicitAny": true,  /*允许any类型*/
    },
    "include": [                /*要进行编译的文件*/
        "src/**/*"              /*src目录下的所有文件*/
    ]
}

4、创建应用(src/server.js)

import * as Koa from 'kao';
const app = new Koa();

app.use(async ctx => {
          ctx.body = "hello  typescript node!";
});
app.listen(8080, ()=>{
        console.log('server is start ...........');
});

5、package.json配置npm启动

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "ts-node ./server.ts"
  },

执行 npm run start 启动项目,访问localhost:8080及可看到运行成功

热更新

以上更改文件,需重新启动npm,安装使用 nodemon 来监控文件改变,使用 ts-node 重启项目。

npm  install  nodemon --save

配置package.json

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
     "server": "nodemon --watch  './src/***/*'  -e  ts, tsx   --exec 'ts-node'  './src/server.js",
  },

执行 npm run server 报错(ts-node 不是内部命令)
解决方式:npm install -g cross-env 全局安装

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
     "server": "cross-env mode=development  nodemon --watch  './src/***/*'  -e  ts, tsx   --exec 'ts-node'  './src/server.js",
  },

重新启动

上一篇下一篇

猜你喜欢

热点阅读