草庐IT

5分钟带你看懂 prettier + eslint 搭配(vscode)

    最近身边不少朋友在用eslint和prettier搭配的时候,总是遇到一些莫名其妙的报错,自己也不知道怎么配,所以我总结了一下自己搭配的步骤,分享一下,如有不对之处,静请诸位大佬雅正!    本文按顺序配置一下几个功能    1、配置ctrl+s,自动保存功能    2、配置eslint的两种方式    3、配置prettier的两种方式    4、解决eslint和prettier冲突问题 1、配置ctrl+s,自动保存功能    第一种,在vscode设置里面配置(推荐第一种)        1.点击Vscode的设置=>工作区=>文本编辑器        第二种,在你使用的格式化

5分钟带你看懂 prettier + eslint 搭配(vscode)

    最近身边不少朋友在用eslint和prettier搭配的时候,总是遇到一些莫名其妙的报错,自己也不知道怎么配,所以我总结了一下自己搭配的步骤,分享一下,如有不对之处,静请诸位大佬雅正!    本文按顺序配置一下几个功能    1、配置ctrl+s,自动保存功能    2、配置eslint的两种方式    3、配置prettier的两种方式    4、解决eslint和prettier冲突问题 1、配置ctrl+s,自动保存功能    第一种,在vscode设置里面配置(推荐第一种)        1.点击Vscode的设置=>工作区=>文本编辑器        第二种,在你使用的格式化

jquery - ESLint dollar($) 未定义。 (无-undef)

$("#ID").hide();我将ESLint添加到我的项目中。一切正常,除了符号$。我收到错误:[eslint]'$'未定义。(无undef)我的.eslintrc.json(注意:它有additionalrules设置为在有等效的javascript函数时禁止jquery函数):{"env":{"browser":true,"commonjs":true,"es6":true},"extends":["eslint:recommended"],"parserOptions":{"sourceType":"module"},"plugins":["dollar-sign","jqu

javascript - 如何为 "linebreak-style"编写 ESLint 规则,根据 Windows 或 Unix 进行更改?

众所周知,Windows中使用的换行符(新行)通常是回车符(CR)后跟换行符(LF),即(CRLF),而Linux和Unix使用简单的换行符(LF)现在,就我而言,我的构建服务器使用支持Linux和Unix格式,因此,以下规则在构建服务器上完美运行:linebreak-style:["error","unix"]但我在Windows上进行开发,我需要在每个gitpull/gitpush上更新规则,如下所示,linebreak-style:["error","windows"]那么,有什么方法可以编写一个通用的linebreak-style规则来支持这两种环境,Linux/Unix和Wi

javascript - 解析错误 The Keyword import is Reserved (SublimeLinter-contrib-eslint)

我有一个eslint问题,它给我[ParsingErrorThekeywordimportisreserve]这只发生在sublime中,在atom编辑器中工作正常。我有eslint.eslintrc.jsmodule.exports={"extends":"airbnb","plugins":["react"]};包.json{"name":"paint","version":"0.0.0","description":"paintonthebrowser","main":"index.js","scripts":{"test":"echo\"Error:notestspecifie

javascript - 带有 React 的 ESLint 给出 `no-unused-vars` 错误

我已经设置了eslint和eslint-plugin-react。当我运行ESLint时,linter为每个React组件返回no-unused-vars错误。我假设它没有识别出我使用的是JSX或React语法。有什么想法吗?示例:app.jsimportReact,{Component}from'react';importHeaderfrom'./header.js';exportdefaultclassAppextendsComponent{render(){return({this.props.children});}}Linter错误:/my_project/src/compo

javascript - 如何配置 ESLint 以允许粗箭头类方法

ESLint抛出Parsingerror:Unexpectedtoken=错误,当我尝试检查我的Es6类时。我缺少什么配置参数来启用eslint中的粗箭头类方法?示例类:classAppextendsReact.Component{...handleClick=(evt)=>{...}}.eslint{"ecmaFeatures":{"jsx":true,"modules":true,"arrowFunctions":true,"classes":true,"spread":true,},"env":{"browser":true,"node":true,"es6":true},"ru

javascript - ESLint 的 "no-undef"规则将我对 Underscore 的使用称为 undefined variable

我正在使用Grunt作为我的构建工具,并使用ESLint作为我正在开发的应用程序的linting工具。我也在使用UnderscoreNode包,并在我的应用程序中使用了它。不幸的是,当我在我的代码上运行ESLint时,它认为_是以下行中的undefinedvariable:return_.pluck(objects,nameColumn);这是它给我的错误:78:21错误“_”未定义no-undef我不想为ESLint禁用no-undef规则,我已经尝试安装Underscore插件,但我仍然收到此错误。如果其他人对此有任何想法,我将不胜感激!如果我可以提供任何进一步的信息来帮助任何人帮

javascript - Javascript 和 ESLint 中的全局变量

我有多个javascript文件,我在一个文件中定义了一些全局变量,该变量先于其他文件加载。因此,所有在第一个文件之后加载的文件都可以访问全局变量。然而,ESLint将全局变量显示为“未定义”。我不想更改ESLint的规则,我想找到一种优雅的方式来摆脱这些错误消息。有什么线索吗?谢谢 最佳答案 我不认为针对每个文件修改ESLint规则是个好主意。您应该在.eslintrc或package.json中定义globals。对于.eslintrc:"globals":{"angular":true}对于package.json:"esli

javascript - ESLint 解析错误 : Unexpected token

使用这段代码:importReactfrom'react';import{Link}from'react-router';import{View,NavBar}from'amazeui-touch';import*asPagesfrom'../components';const{Home,...Components}=Pages;我收到这个eslint错误:7:16errorParsingerror:Unexpectedtoken..Why?这是我的eslint配置:{"extends":"airbnb","rules":{/*JSX*/"react/prop-types":[1,{"