webpack typescript使用eslint

妖狐艹你老母 2021-07-24 16:41 512阅读 0赞

1、下载
    	cnpm install -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint
    
    2、配置.eslintrc.json
    	{
    	  "parser":"@typescript-eslint/parser",
    	  "plugins":["@typescript-eslint"],
    	  "parserOptions": {
    	    "project":"./tsconfig.json"
    	  },
    	  "extends":[
    	    "plugin:@typescript-eslint/recommended"
    	  ],
    	  "rules":{
    	    "@typescript-eslint/no-inferrable-types":"off"	 关掉去使用自动类型推断的报错
    	  }
    	}
    
    3、命令执行
    	eslint src --ext .js,.ts
    	
    	若报错:Parsing error: "parserOptions.project" has been set for @typescript-eslint/p...
    		不能有相同的js和ts文件名
    
    4、vscode插件自动修复
    	在vscode插件->ESlint->扩展设置的settings.json中添加

![在这里插入图片描述][20210303155158272.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]

[20210303155158272.png]: /images/20210724/bde315771acf46398908f6396b0fe006.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: /images/20210724/d7ca816dadac42398e0849aec42a7e29.png

发表评论取消回复

表情：

评论列表（有 0 条评论，512人围观）

还没有评论，来说两句吧...

相关阅读

相关 Webpack与TypeScript

文章目录 * 引入 * 使用 * 问题引入 TypeScript是最近一段时间非常火的一个JavaScript的超集。说是超集，那么自然Type...

野性酷女/ 2024年04月18日 12:39/ 0 赞/ 52 阅读

相关使用webpack打包typescript

浏览器运行我们的代码时，只能识别js，如果用ts开发，我们必须要先将ts转为js 这时候就用到webpack、babel、core.js 加载顺序：先通过web

傷城~/ 2023年01月18日 14:27/ 0 赞/ 228 阅读

相关 webpack 之 js语法检查eslint

webpack 之 js语法检查eslint // 用来拼接绝对路径的方法 const { resolve} = require('pat

左手的ㄟ右手/ 2023年01月10日 10:06/ 0 赞/ 209 阅读

相关使用ESLint检查JavaScript或TypeScript代码

一、简介 `ESLint`是一个`JavaScript`语法检查器，它可以根据预置或自定义的编码规范，自动检查代码语法，并输出检查结果，同时也支持`TypeScript`

淡淡的烟草味﹌/ 2022年12月26日 00:56/ 0 赞/ 497 阅读

相关使用webpack打包编译TypeScript代码

TypeScript打包 webpack整合通常情况下，实际开发中我们都需要使用构建工具对代码进行打包； TS同样也可以结合构建工具一起使用，下边以webpac

港控/mmm°/ 2022年10月10日 13:57/ 0 赞/ 296 阅读

相关使用 ESLint 检查 TypeScript 代码

[https://github.com/xcatliu/typescript-tutorial/blob/master/ecosystem/eslint.md][https_g

àì夳堔傛蜴生んèń/ 2022年06月05日 10:15/ 0 赞/ 407 阅读

相关 webpack 配置eslint-standard

1.安装相关依赖 npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-p

╰半橙微兮°/ 2022年01月08日 01:57/ 0 赞/ 259 阅读

相关 WebPack4接入TypeScript开发

接入TypeScript 1、添加开发依赖 npm install --save-dev typescript awesome-typescript-loa

朴灿烈づ我的快乐病毒、/ 2021年11月17日 08:46/ 0 赞/ 429 阅读

相关 webpack typescript使用eslint

1、下载 cnpm install -D @typescript-eslint/eslint-plugin @typescript-eslint/parser

妖狐艹你老母/ 2021年07月24日 16:41/ 0 赞/ 513 阅读

相关 webpack4 配置eslint

方式一:配置eslint-loader 1、下载 cnpm install -D eslint-config-airbnb-base eslin

￡神魔★判官ぃ/ 2021年07月24日 13:31/ 0 赞/ 595 阅读