eslint 无法格式化ts_vue+typescript项目中eslint,tslint配置

本文介绍了如何在ts_vue+typescript项目中配置eslint和tslint,解决格式化问题。首先,展示了tsconfig.json和tslint.json的配置内容,然后详细说明了如何移除tslint并转而使用eslint,包括安装相关依赖、创建.eslintrc.js文件以及设置prettier。最后,提到了在VSCode中进行相关配置以实现git commit前的自动格式化和校验。
摘要由CSDN通过智能技术生成

Tslint配置主要配置文件如下:

//tsconfig.json

{"compilerOptions": {"target": "esnext","module": "esnext","strict": true,"jsx": "preserve","importHelpers": true,"moduleResolution": "node","experimentalDecorators": true,"esModuleInterop": true,"resolveJsonModule": true,"allowSyntheticDefaultImports": true,"sourceMap": true,"baseUrl": ".","types": ["webpack-env","jest"],"paths": {"@/*": ["src/*"]

},"lib": ["esnext","dom","dom.iterable","scripthost"]

},"include": ["src/**/*.ts","src/**/*.js","src/**/*.tsx","src/**/*.vue","tests/**/*.ts","tests/**/*.tsx"],"exclude": ["node_modules","src/assets/json/*.json"]

}

//tslint.json

{"defaultSeverity": "warning","extends": ["tslint:recommended"],"linterOptions": {"exclude": ["node_modules/**","src/assets/json/*.json"]

},"rules": {"quotemark": [true, "single"],"indent": [true, "spaces", 2],"interface-name": false,"ordered-imports": false,"object-literal-sort-keys": false,"no-consecutive-blank-lines": false,"semicolon": [true, "never"],"member-access": false,"no-console": false,"max-line-length": [ false]

}

}

Eslint配置文件如下:

//.eslintrc.js

//https://repo.advai.net/advgit/atome-fe/docs/-/blob/1667c9156ed5fa16584e510c550b5ec0f95ad627/standard/.eslintrc.js

module.exports={

root:true,

env: {

browser:true,

node:true,

es6:true,

},

parser:'vue-eslint-parser',

extends: ['plugin:vue/recommended','plugin:prettier/re

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值