在WebStorm 2020.2上创建typescript服务

一、在硬盘新建文件夹

例如：D:\angular\server

二，通过webstorm打开该文件夹

三、初始化该文件夹，通过下记命令，生产package.json文件

四、要用typescript，需引入node的定义文件

D:\angular\server>npm i @types/node --save
 

五、通过配置文件，把typescript编译成javascript

新建tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions":{       //编译器配置
    "target":"es5",       //目标是编译成es5规范的脚本，也就是js
    "module":"commonjs",  //模块的规范是commonjs
    "emitDecoratorMetadata": true,
    "experimentalDecorators":true,   //这两个是要保留装饰器的元数据
    "outDir":"build",   //编译后文件默认放置在build文件夹下
    "lib":["es6"]       //开发时使用es6的语法
  },
  "exclude": [            //编译时要排除的文件
    "node_modules"
  ]
}

六、为了能让webstorm能够自动生成javascript，需配置如下

七、测试

在server下新建文件夹server，并新建文件hello_server.ts

import * as http from 'http';
const server = http.createServer((request, response) => {
    response.end('Hello node1');
});
server.listen(8000);

八、如果不能自动生成javascript文件的话，按如下编译文件

九、启动服务

十、结果

 

十一、为了简化node开发，引入express框架

D:\angular\server>npm install express --save

 

十二、安装typescript定义框架文件

D:\angular\server>npm install @types/express --sava

十三、安装自动编译软件

D:\angular\server>npm install -g nodemon
 

十四 ，nodemon启动服务器

D:\angular\server>nodemon build/build/auction_server.js