yarn global add ts-node-dev typescript

# 例如
ts-node-dev src/app.ts

# 如果想要監(jiān)聽文件的改變需要加上 --respawn 參數(shù)
ts-node-dev --respaswn src/app.ts

# 使用簡短的別名
tsnd --respawn src/app.ts

# 生成tsconfig.json
tsc --init

{
	"compilerOptions": {
		"target": "esnext", // 目標(biāo)語言版本
		"module": "commonjs", // 指定生成代碼的模板標(biāo)準(zhǔn)
		"sourceMap": true,
		"outDir": "./dist",
		"rootDir": "./src", // 指定輸出目錄, 默認(rèn)是dist文件夾
		"strict": true,
		"esModuleInterop": true,
		"allowSyntheticDefaultImports": true,
		"skipLibCheck": true,
		"forceConsistentCasingInFileNames": true
	},
	// 需要編譯的的文件和目錄
	"include": ["src"],
	"exclude": ["node_modules", "dist", "public"]
}

# 依賴安裝
yarn add koa
yarn add typescript -D
# 依賴注解
yarn add @types/koa -D

import Koa, { DefaultContext, DefaultState, Context } from 'Koa'
const app: Koa<DefaultState, DefaultContext> = new Koa()
app.use(async (ctx: Context) => {
	ctx.body = 'coderlzw'
})
app.listen(3000, () => {
	console.log('服務(wù)啟動成功，running http://127.0.0.1:3000')
})

"scripts": {
  "dev": "ts-node-dev --respawn app.ts"
}

# 依賴安裝
yarn add koa koa-router koa-cors koa-bodyparser dotenv
yarn add ts-node-dev npm-run-all typescript -D
# 依賴注解
yarn add @types/koa @types/koa-bodyparser @types/koa-router  @types/koa-cors -D

service
├─ package.json
├─ ??src
│   ├─ ??app
│   ├─ ??config
│   ├─ ??constants
│   ├─ ??controller
│   ├─ ??main.ts
│   ├─ ??middleware
│   ├─ ??router
│   ├─ ??service
│   └─ ??utils
├─ .env
├─ tsconfig.json
└─ yarn.lock

{
	"script": {
		"dev": "tsnd --respawn src/main.ts",
		"build": "npm-run-all resetFolder compile",
		"compile": "tsc", // 編譯typescript
		"resetFolder": "rimraf dist/*" // 清空dist文件夾
	}
}

"scripts": {
    "lint": "eslint src/** --fix",		// 使用eslint規(guī)則格式化代碼
 }

// vscode 配置自動格式化
"editor.codeActionsOnSave": {
    "source.fixAll": true
 }

yarn add prettier -D
復(fù)制代碼

{
	"useTabs": false,
	"tabWidth": 2,
	"printWidth": 100,
	"singleQuote": true,
	"trailingComma": "none",
	"bracketSpacing": true,
	"semi": false
}

npx prettier --write .

yarn add eslint-config-prettier -D

extends: ['standard', 'prettier']

yarn add eslint-plugin-prettier -D

module.exports = {
	env: {
		browser: true,
		es2021: true
	},
	extends: ['standard', 'plugin:prettier/recommended'], // 修改此處
	parser: '@typescript-eslint/parser',
	parserOptions: {
		ecmaVersion: 'latest',
		sourceType: 'module'
	},
	plugins: ['@typescript-eslint'],
	rules: {
		camelcase: 0 // 駝峰命名
	}
}