使用vscode + typescript + nodejs 寫一個簡單本地服務(wù)器

目錄結(jié)構(gòu):

根目錄
│  package.json
│  tsconfig.json
│  yarn.lock
│
├─.vscode
│      launch.json
│
├─dist
│      client.js
│      client.js.map
│      server.js
│      server.js.map
│
└─src
        client.ts
        server.ts

launch.json 文件:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Debug IM",
            "args": ["${workspaceFolder}/src/server.ts"],
            "runtimeArgs": ["--nolazy","-r","ts-node/register"],
            "sourceMaps": true,
            "cwd": "${workspaceRoot}",
            "protocol": "inspector",
            "console": "integratedTerminal",
            "env": {
                "NODE_ENV":"ts-node"
            },
            "serverReadyAction":{
                "pattern": "listening on port ([0-9]+)",
                "uriFormat": "http://localhost:%s",
                "action": "openExternally"
            }
        }
    ]
}

package.json 文件:

{
  "name": "im",
  "version": "1.0.0",
  "description": "chat",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node dist/index.js",
    "dev": "set NODE_ENV=ts-node&&ts-node -r tsconfig-paths/register src/server.ts",
    "dev:debug": "set NODE_ENV=ts-node&&node --inspect-brk --nolazy -r tsconfig-paths/register -r ts-node/register src/server.ts",
    "build":"tsc -p tsconfig.json"
  },
  "author": "max",
  "license": "MIT",
  "dependencies": {
    "@types/node": "^12.7.2",
    "ts-node": "^8.3.0",
    "typescript": "^3.5.3"
  }
}


tsconfig.json 文件:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es6",
        "outDir": "./dist",
        "baseUrl": "./",
        "sourceMap": true,
        "noImplicitAny": true
    },
    "include": [
        "src/*"
    ],
    "exclude": ["node_modules"]
}

server.ts 文件:

import * as net from 'net'

let server = net.createServer();
server.on('connection',(socket:net.Socket) => {
    socket.write('Hello')
    socket.end()
})

server.listen(80)
console.log('listening on port 80!')

client.ts 文件:

import * as net from 'net'

let client = net.connect({port:80})
client.on('data',(data) => {
    console.log(data.toString())
})

在終端中使用 npm run build,編譯 client.ts、server.ts , 編譯出的文件在 dist 目錄

確認(rèn)本機(jī)相應(yīng)端口沒有被占用
啟動服務(wù)端(2選1):
1、直接在vscode中按F5(launch.json 文件已做相應(yīng)配置)
2、終端命令啟動:node .\dist\server.js

啟動客戶端:
1、終端命令啟動:node .\dist\client.js

客戶端執(zhí)行效果圖
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容