美文网首页
使用typescript创建node项目

使用typescript创建node项目

作者: ysp123 | 来源:发表于2019-04-21 22:53 被阅读0次

    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",
      },
    

    重新启动

    相关文章

      网友评论

          本文标题:使用typescript创建node项目

          本文链接:https://www.haomeiwen.com/subject/aojsgqtx.html