HOME | GITHUB

TypeScript项目配置

npm 初始化项目

npm init

安装 TypeScript

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

安装 Node.js 内置类型声明

npm install @types/node --save-dev

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

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

创建 src/main.ts

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

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

npx tsc
node ./build/main.js

修改 package.json,来支持 npm run buildnpm start 命令

"scripts": {
    "build": "npx tsc",
    "start": "npx tsc && node ./build/main.js"
  },

安装 ESLint

npm install eslint --save-dev
npm install @typescript-eslint/parser --save-dev
npm install @typescript-eslint/eslint-plugin --save-dev

创建 .eslintrc.cjs 配置,内容如下:

module.exports = {
    root: true,
    parser: '@typescript-eslint/parser',
    plugins: ['@typescript-eslint'],
    extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended']
}

安装 Prettier

npm install prettier --save-dev

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

{}

Date: 2022-10-06 Thu 16:42

Author: shixiongfei

Created: 2022-10-06 Thu 20:36

Emacs 28.2 (Org mode 9.5.5)