npm 初始化项目

1
npm init

安装 TypeScript

1
2
npm install typescript --save-dev
npx tsc --version

安装 Node.js 内置类型声明

1
npm install @types/node --save-dev

初始化 tsconfig

(可以删除所有注释的内容，让 tsconfig 看起来干净些)

1
2
3
npx tsc --init --rootDir src --outDir build \
--esModuleInterop --resolveJsonModule --lib es6 \
--module commonjs --allowJs true --noImplicitAny true

创建 src/main.ts

1
2
mkdir src
echo 'console.log("Hello world!")' > src/main.ts

可以通过 npx tsc 来编译项目工程 (编译后在 build 目录下可以看到 js 文件)

1
2
npx tsc
node ./build/main.js

修改 package.json，来支持 npm run build 和 npm start 命令

1
2
3
4
"scripts": {
  "build": "tsc",
  "start": "tsc && node ./build/main.js"
},

安装 ESLint

1
2
3
npm install eslint --save-dev
npm install @typescript-eslint/parser --save-dev
npm install @typescript-eslint/eslint-plugin --save-dev

创建 .eslintrc.json 配置，内容如下:

1
2
3
4
5
6
{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"]
}

安装 Prettier

1
npm install prettier --save-dev

创建 .prettierrc.json 配置 (使用默认配置即可)，文件内容如下

1
{}

完整项目工程参考

GitHub Repo