腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語(yǔ)言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫(kù)

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國(guó)CMS WordPress

常用工具

PHP開(kāi)發(fā)工具 python Photoshop 必備軟件

使用nodejs?+?koa?+?typescript?集成和自動(dòng)重啟的問(wèn)題

更新時(shí)間：2021年12月28日 11:01:28 作者：myEsn2E9's?Notepad

這篇文章主要介紹了nodejs?+?koa?+?typescript?集成和自動(dòng)重啟,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

版本說(shuō)明

Node.js: 16.13.1

創(chuàng)建項(xiàng)目

創(chuàng)建如下目錄結(jié)構(gòu)

project
├── src
│   └── server.ts
├── package.json
└── tsconfig.json

package.json 可以使用 yarn init -y 生成
tsconfig.json 可以使用 tsc --init 生成（需要全局或在項(xiàng)目中安裝 typescript 包才可以使用 tsc 命令）

安裝依賴

注意：

@tsconfig/node16 包需要根據(jù) Node.js 的版本變化，我電腦上安裝的是 16.x.x 的版本，所以用的是 @tsconfig/node16，具體看 tsconfig/bases 中的說(shuō)明，當(dāng)然也可以完全不用安裝這個(gè)包，這個(gè)包優(yōu)點(diǎn)是公用性和主流推薦配置
typescript 如果已經(jīng)全局安裝過(guò)了，就從下面的命令中移除它
concurrently 是一個(gè)并發(fā)執(zhí)行多個(gè)命令的工具包
nodemon 是一個(gè)監(jiān)聽(tīng)文件變化自動(dòng)重啟程序的工具包

yarn add koa
yarn add typescript @tsconfig/node16 @types/node @types/koa concurrently nodemon -D

填充內(nèi)容

src/server.ts

import Koa from 'koa';

const server: Koa = new Koa();
const port: number = 3000;

server.use((ctx: Koa.DefaultContext) => {
    ctx.body = 'hi koa';
});

server.listen(port, () => {
    console.log(`Node.js v${process.versions.node}`);
});

tsconfig.json

注意：extends 字段的值根據(jù)你安裝的包名 @tsconfig/node** 替換

{
  "extends": "@tsconfig/node16/tsconfig.json",
  "compilerOptions": {
    "baseUrl": ".",
    "rootDir": "src",
    "outDir": "dist",
    "noImplicitAny": true,
  },
  "include": [
    "src/**/*"
  ]
}

package.json

"scripts": {
  "build-ts": "tsc",
  "build": "yarn build-ts",
  "debug": "yarn build && yarn watch-debug",
  "serve-debug": "nodemon --inspect dist/server.js",
  "serve": "node dist/server.js",
  "start": "yarn serve",
  "watch-debug": "concurrently -k -p \"[{name}]\" -n \"TypeScript,Node\" -c \"yellow.bold,cyan.bold,green.bold\" \"npm:watch-ts\" \"npm:serve-debug\"",
  "watch-node": "nodemon dist/server.js",
  "watch-ts": "tsc -w",
  "watch": "concurrently -k -p \"[{name}]\" -n \"TypeScript,Node\" -c \"yellow.bold,cyan.bold,green.bold\" \"npm:watch-ts\" \"npm:watch-node\""
}

運(yùn)行

我們的所有源碼在 src 目錄下，tsc 編譯后的 js 文件在 dist 目錄下，這是在 tsconfig.json 文件中指定的路徑

本地開(kāi)發(fā)：如果沒(méi)有 dist 目錄需要先執(zhí)行 yarn build 去編譯生成，然后再執(zhí)行 yarn watch

部署生產(chǎn)：順序執(zhí)行 yarn build、yarn serve 或 yarn start（serve 和 start 是相同的命令）

參考資料

microsoft/TypeScript-Node-Starter

到此這篇關(guān)于nodejs?+?koa?+?typescript?集成和自動(dòng)重啟的文章就介紹到這了,更多相關(guān)nodejs??koa??typescript內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: