TypeScript项目在VsCode下使用EsLint

TypeScript项目在VsCode下使用EsLint

注：

请使用管理员权限在命令提示符中完成下述操作

安装EsLint

安装TypeScript

 npm install -g typescript

安装EsLint

npm i -g eslint

确认安装成功

tsc -v
eslint -v

配置eslint 规则

如已经有生成好的配置文件，可跳过下方生成配置文件步骤

生成tsc目录下的配置文件: .eslintrc.json

eslint --init

根据项目实际情况选择下图选项：

配置参考

VsCode安装EsLint插件

VsCode > 文件 > 首选项 > 设置 > 扩展 > EsLint > 添加配置文件路径

确认EsLint设置生成成功

VsCode > 文件 > 首选项 > 设置 > 打开设置JSON

VsCode可成功提示

完成上述配置，重启VsCode，打开.ts文件，根据eslint检查修改

常见问题

.eslintrc.json中如果配置了相关插件，请根据提示进行安装；

如果相关工具不是使用 npm install -g 进行全局安装，VsCode可能无法识别，请在项目目录下根据VsCode提示 npm install -D 重新安装！

如果相关工具使用 npm install -g 进行全局安装，VsCode可能也无法识别，请在项目目录下根据VsCode提示 npm install -D 重新安装！