问题标签 [prettier-eslint]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - React 道具速记更漂亮
有一个react
代码库,我想用以下规则美化它:
- 用一个值完成道具速记。
shorthand => shorthand={true}
当前的:
预期的:
eslint - 解析错误:由“”引起的意外令牌更漂亮/更漂亮
我有这个使用 vue cli 创建的 vue 应用程序,我使用的版本是 vue2(带有 eslint 和更漂亮)。
我可以运行npm run serve
并加载我的页面。但是在 Visual Studio Code 中,我注意到了这个错误:
这是.eslintrc.js
我创建应用程序时自动生成的,从那时起我没有对其进行任何更改。
我注意到错误实际上是指这一行。有谁知道这有什么问题?
prettier - 漂亮的配置错误,漂亮的不工作
我收到了更漂亮的错误。如何解决这个问题?
javascript - 如何将数据传递给自定义 ESLint 规则?
我编写了一个自定义 ESLint 规则,如下所示:
我正在使用 CMD 中的以下命令为 Test.js 文件运行 ESLint。
有没有一种方法可以在执行 eslint 命令时将数据从 CMD 传递给规则?我想将一个值传递给变量“数据”
eslint - 如何强制 Prettier 使用总是引用道具(并尊重我的 eslint 规则)?
我设置了我.eslintrc
的规则"quote-props": [2, "always"]
。当我这样做时eslint --fix
,它会正常工作。
但我用 Prettier 格式化我的代码。不幸的是,Prettieralways
只有as-needed|preserve|consistent
. quote-props
所以结果总是当我用 Prettier 格式化时它会删除我的报价道具。
我怎样才能告诉 Prettier 尊重这条规则?添加// prettier-ignore
不是一种选择。
.eslintrc:
.prettierrc:
reactjs - 更漂亮,eslint - classProperties 解析器插件错误
我正在努力让我更漂亮的作品正常工作。当我启动format-check
(prettier --check
在 js、ts 文件上)时,SyntaxError: This experimental syntax requires enabling the parser plugin: 'classProperties'
尽管有以下配置,但它在许多类文件(甚至是具有一个属性和 getter 的简单文件)中都会出现错误。当我将解析器从默认更改为其他内容时.prettierrc.json
,
"@trivago/prettier-plugin-sort-imports"
插件不起作用。我想要配置,它不会给我提到的错误并允许排序插件工作。也许我在 eslint-prettier 线上有一些冲突?
package.json
主目录的一部分
.eslintrc.js
在主目录中
.prettierrc.json
在主目录中
eslint - 如何解决更漂亮/更漂亮的问题
我正在使用nuxtjs
,并且我安装eslint
在我的项目中,并且在使用时npm run dev
,我得到了错误的轰炸。我怎样才能解决这个问题:
typescript - 为 ESLint 和 Airbnb 打字稿设置配置 parserOptions 或解析器包
在我的Gatsby (React) 项目中,我使用的是typescript。我需要设置 ESLint 并且必须使用eslint-config-airbnb-typescript
我也在使用 Prettier:(
prettier
与 Gatsby 一起提供),并且我安装了以下软件包:
如果我查看eslint-config-airbnb-typescript的文档,我没有看到有关@typescript-eslint/parser包的任何信息?
他们展示了一个示例,例如:
正确的方法是什么?在他们的例子中,你不必使用@typescript-eslint/parser
包?
我的 ESLint 配置.eslintrc.js
:
我的tsconfig.js
:
visual-studio-code - 禁止 Prettier 在 VS Code 中格式化 HTML 文件中的内联 JS
我正在使用eslint-config-prettier
andeslint-plugin-prettier
包通过 ESLint 运行 Prettier。我也将 Prettier 作为开发依赖项用于非 JS 文件。我将这两个扩展与 VS Code 一起使用,在保存时自动验证和格式化我的代码: Prettier - Code formatter和ESLint。
我在 HTML 文件中遇到内联 JS 的问题。似乎通过 ESLint 运行的 Prettier 要么没有运行,要么被常规的 Prettier 扩展所否决,即使在我的配置文件中我已经明确设置了选项html.format.contentUnformatted
以"pre,code,textarea,script"
防止使用默认格式化程序格式化该内容。我希望它忽略script
标签中的内容,因为 ESLint 应该在那里处理格式。
我的相关设置settings.json
:
知道有什么问题吗?我也愿意接受其他方式来构建事物的建议。谢谢你的帮助!