DEV Community
·
Express-Typescript-ESLint-Prettier设置
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
本文介绍如何使用TypeScript、ESLint和Prettier快速搭建Express.js服务器，包括初始化项目、配置tsconfig.json、安装ESLint及其配置，以及添加Prettier进行代码格式化，从而专注于应用开发。
🎯
关键要点
- 使用TypeScript、ESLint和Prettier快速搭建Express.js服务器。
- 第一步：初始化项目，创建项目目录并使用yarn初始化。
- 第二步：添加TypeScript，安装typescript包并创建tsconfig.json文件，设置src为根目录。
- 在tsconfig.json中配置outDir和其他编译选项。
- 第三步：添加ESLint，安装所需的eslint包并创建eslint.config.mjs文件。
- 在eslint.config.mjs中配置规则和忽略的文件。
- 可以在package.json中添加ESLint脚本以便于使用。
- 第四步：添加Prettier，安装prettier包并创建.prettierrc和.prettierignore文件。
- 在.prettierrc中配置基本格式化选项，并在.prettierignore中指定不格式化的文件。
- 可以在package.json中添加Prettier脚本以便于格式化项目。
❓
延伸问答
如何初始化一个Express.js项目？
首先创建项目目录，然后在终端中导航到该目录并使用yarn初始化项目。
如何在Express.js项目中添加TypeScript？
安装typescript包并创建tsconfig.json文件，设置src为根目录，并配置outDir等选项。
ESLint的配置步骤是什么？
安装所需的eslint包，创建eslint.config.mjs文件，并在其中配置规则和忽略的文件。
如何在项目中使用Prettier进行代码格式化？
安装prettier包，创建.prettierrc和.prettierignore文件，并在.prettierrc中配置格式化选项。
如何在package.json中添加ESLint和Prettier的脚本？
在package.json中添加相应的脚本，例如"lint": "eslint src/**/*.ts"和"format": "prettier . --write"。
TypeScript的tsconfig.json文件需要哪些配置？
需要配置rootDir、outDir、include和exclude等选项，以确保正确编译TypeScript文件。
🏷️
标签
➡️
