如何防止prettier删除eslint standardJS注释？
要防止Prettier删除ESLint StandardJS注释，可以采取以下方法：
- 在项目根目录下创建一个.prettierrc文件，并将以下配置添加到文件中：
{
"overrides": [
{
"files": "*.js",
"options": {
"parser": "babel-eslint",
"semi": true,
"singleQuote": true,
"printWidth": 80,
"trailingComma": "es5",
"arrowParens": "always",
"proseWrap": "always",
"requirePragma": true,
"insertPragma": true
}
}
]
}这将告诉Prettier在处理JavaScript文件时使用babel-eslint解析器，并保留ESLint StandardJS注释。
- 在项目的.eslintrc文件中，将以下配置添加到rules部分：
"no-mixed-spaces-and-tabs": ["error", "smart-tabs"]这将确保在代码中使用空格和制表符时不会触发ESLint错误。
- 在项目的package.json文件中，将以下配置添加到scripts部分：
"scripts": {
"format": "prettier --write \"src/**/*.js\""
}这将创建一个自定义的格式化脚本，只对src目录下的JavaScript文件进行格式化。
- 运行以下命令来格式化代码：
npm run format这将使用Prettier对代码进行格式化，同时保留ESLint StandardJS注释。
通过以上步骤，你可以防止Prettier删除ESLint StandardJS注释，并确保代码格式化的一致性。
相关·内容
每次保存文件时，ESLint都会显示以下错误： ESLint: Insert⏎(prettier/prettier) 当我添加新行时，它删除了它，但仍然显示此错误。 如何在WebStorm中防止此ESLint错误？
浏览 192提问于2020-12-30得票数 0
我只是在我现有的react项目(CSR)中设置了eslint和prettier，并执行了'npm run prettier‘，然后我得到了如下的错误。 我应该如何解决这个错误？仅供参考，存在src/App.tsx文件，与下面的错误不同。 > ut-admin-web@3.1.0 prettier /Users/jin/projects_new/backup/2021/ut-admin-react-test
> prettier --write --config ./.prettierrc './src/**/*.{ts,tsx}'
[error] Inv
浏览 117提问于2021-01-27得票数 0
在过去的一个小时里，我一直在搜索Github和Stack溢出，但没有回答如何用ES-Lint来解决这个问题。
.eslintrc.json
{
"parser": "babel-eslint",
"extends": ["airbnb", "prettier"],
"plugins": ["prettier", "flowtype"],
"rules": {
"prettier/prettier": [
浏览 0提问于2018-10-19得票数 8
npm run serve工作正常，突然它开始给出同样的错误。我不能理解它的根本原因和为什么它不工作。有没有人能建议如何解决这个问题？ "devDependencies": {
"@vue/cli-plugin-babel": "^4.2.0",
"@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-plugin-router": "^4.2.0",
"@vue/cli-plugin-vuex":
浏览 290提问于2020-03-23得票数 2
我想让data!.id
错误：
警告禁止非空断言@typescript-eslint/no-null断言
当前配置：
module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'plugin:jsx-a11y/recommended',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescr
浏览 2提问于2020-02-20得票数 32
回答已采纳
6回答
切换到vscode 1.68.1之后
每次保存文件时，它都会自动从导入中删除React，虽然这可能是一个eslint问题，因为我使用eslint进行格式化，但是在删除eslint插件之后，问题仍然是一样的。
这是我的settings.json
{
"eslint.alwaysShowStatus": true,
"editor.formatOnSave": true,
"files.eol": "\r\n",
"editor.codeActionsOnSave": {
浏览 45提问于2022-06-21得票数 9
ESLint不会在未使用的变量上警告我，也不会在未导入的组件上发出警告。我尝试了所有的帖子，但我没有任何解决方案:/ 免责声明:我知道我没有为example....Why导入导航栏ESLint没有警告我吗？谢谢！ .eslintrc.json {
"env": {
"browser": true,
"es2020": true,
"node": true,
"jest": true
},
"extends"
浏览 159提问于2021-04-26得票数 1
7回答
似乎我在这里遗漏了一些东西，它应该没有错误，但是eslint不断抛出以下内容：
无法解析到模块的路径“react”。(导入/未解决)
缺少用于"react“(导入/扩展)的文件扩展名
当尝试import React from 'react'时
下面是一些调试信息：
package.json
{
"dependencies": {},
"devDependencies": {
"react": "16.3.2",
"react-dom": "16.3.2"
浏览 1提问于2018-04-27得票数 22
我已经为ESLint使用了更漂亮的插件一段时间了，现在我有了不同.eslintrc.js的项目。我的配置通常如下：
module.exports = {
...
extends: [
'airbnb',
'prettier',
'prettier/react',
],
...
plugins: [
'react',
'prettier',
],
rules: {
'prettier/prettier': [
&#
浏览 1提问于2019-08-21得票数 1
回答已采纳
我有一个用react制作的前端项目，可以在vsCode上完美运行，但当我把它上传到Heroku时，我得到了这个错误：
Failed to load plugin 'prettier' declared in '.eslintrc.json': Cannot find module 'eslint-plugin-prettier'
Require stack:
- /app/node_modules/react-scripts/config/__placeholder__.js
Referenced from: /app/.eslintrc.jso
浏览 27提问于2020-12-22得票数 3
我正在用JavaScript/ Redux编写一个游戏。我无法配置我的.eslintrc.json文件，以便它支持最新的JavaScript语法-我收到一条消息说
eslint(node/no-unsupported-features/es-syntax).不支持“导入和导出声明”
我已经阅读了ESLint的官方配置文档，并在过去几个小时尝试(我认为所有的)组合(改变环境、ecmaVersions、解析器和解析器选项)。
我最近尝试的一件事是安装babel-eslint解析器，所以现在我的.eslintrc.json看起来如下：
{
"extends": ["ai
浏览 7提问于2020-01-31得票数 4
回答已采纳
1回答
所以我是ESLint的新手，我想禁用我不喜欢的特定规则，但我不知道哪一个是它以及如何禁用它。
所以我的.eslintrc.js看起来像这样：
module.exports = {
root: true,
env: {
node: true,
es2021: true,
},
extends: ['eslint:recommended', 'prettier'],
parserOptions: {
ecmaVersion: 12,
sourceType:
浏览 18提问于2021-02-18得票数 0
15回答
我正在使用create app+ typescript + eslint应用程序，在构建过程中有这样的错误：
Line 1:8: 'React' was used before it was defined @typescript-eslint/no-use-before-define
组件中的代码以以下代码开头：
import React from "react";
Eslint设置：
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
浏览 26提问于2020-09-09得票数 183
回答已采纳
2回答
我和husky有点问题。我想让赫斯基在git commit即将完成的时候运行eslint和prettier，这样它就可以执行干净的编码检查。我已经设置了eslint，prettier，并集成了这两个。当手动使用时，它们工作得很好。但是，如果违反了其中一个eslint规则，则husky允许提交。
我还将本地项目的.git/hooks目录中的pre-commit.sample文件重命名为pre-commit。
这是我的package.json文件：
"scripts": {
"prettier-format": "prettier --confi
浏览 5提问于2021-07-29得票数 2
下面是我的nuxt项目中的.eslintrc.js文件： module.exports = {
root: true,
env: {
browser: true,
node: true
},
parserOptions: {
parser: 'babel-eslint'
},
extends: [
'@nuxtjs',
'prettier',
'prettier/vue',
'plugin:prettier/recommended',
浏览 27提问于2020-04-14得票数 3
2回答
如何忽略标准中的eslint规则
、、、、
我安装了standardjs，这是我在package.json中的配置 "standard": {
"parser": "babel-eslint",
"ignore": [
"dist/",
"*env*"
],
"rules": {
"eqeqeq": "off"
}
} 如何忽略此配置文件中的某些eslint规则？
浏览 56提问于2020-01-24得票数 0
4回答
在阅读了几个关于我的问题的问题之后：
解析错误：“导入”和“导出”可能仅与“sourceType:模块”一起出现
我把我的.eslintrc.json写到：
{
"extends": ["airbnb", "prettier", "plugin:node/recommended"],
"plugins": ["prettier"],
"env": {
"node": true,
"es6": true,
"
浏览 9提问于2019-10-16得票数 3
我正在使用es-lint VScode扩展，它捕获了5个linting错误，但是当我从package.json运行npm run lint时，它只列出了2个错误。我想知道为什么终端没有输出所有的内联错误，所以我可以在保存时用esw --fix修复它。
注意:我同时使用了prettier和airbnb配置规则。
这是我的.eslintrc：
{
"extends": ["airbnb", "prettier"],
"plugins": ["prettier"],
"globals": {
浏览 0提问于2017-12-15得票数 0
在没有冲突的情况下，在实现eslint和漂亮的之后，正确地添加了babel。
我正在尝试使用插件"eslint-plugin-module-resolver"，在TypeScript中添加绝对路径--一切都可以编译、传输或启动服务器，但我仍然只在eslint中出现错误。
错误描述-当"npm运行lint“时，不应该具有附加属性。
有人能帮我解决这个问题吗？！谢谢
错误#1
npm run lint
> setup@1.0.0 lint
> eslint . --ext .ts .tsx
Oops! Something went wrong! :(
E
浏览 5提问于2022-10-18得票数 0
回答已采纳
1回答
我已经做了一段时间的配置，但是我在这个问题上遇到过，我认为我有正确的配置，但是当我尝试提交时，钩子没有被调用。
下面是我的代码库
package.json
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/rea
浏览 5提问于2022-10-19得票数 0
1回答
Lint暂存不访问子文件夹
、、、、
我正在运行npx lint-staged命令，并注意到如果我有以下树：
src
/sub-folder-x
- file-x
/sub-folder-y
- file-y
eslint和prettier在子文件夹中找不到文件。
如何在stage的所有子文件夹和文件上运行stage？
.lintstagedrc.json
{
"src/**/*.{js,jsx,ts,tsx}": ["prettier --check", "eslint"]
}
✖prettier --检查：
[warn] src/App.test.
浏览 31提问于2021-11-03得票数 0
我试图获得react-hooks规则，但它似乎不适用于我的设置(VSCode，CRA，airbnb，tslint，更漂亮)。
这是我的.eslintrc.json在崩溃前的情况：
{
"env": {
"browser": true,
"es6": true,
"jest": true
},
"extends": ["plugin:react/recommended", "airbnb", "prettier"],
"g
浏览 0提问于2020-04-29得票数 0
回答已采纳
5回答
在我的新项目中，ESLint没有像以前那样输出警告，而是使用VSCode。如果我的代码中有一个未处理的变量，它将不再显示终端输出中的警告。只在“问题”选项卡中。
下面是我的eslint配置文件：
.eslintrc.json
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:react/recommended",
"airbnb-typescript&
浏览 2提问于2021-02-08得票数 7
我不确定我正在使用的东西是否有bug，或者我在这里设置了什么错误，但是在运行eslint src --fix时，我从eslint获得了这个错误--关于“eslint@typescript eslint”
我已经将插件指定为@TypeScript-eslint文档中列出的插件，但是在这个奇怪的错误中，eslint试图将‘eslint’添加到插件名的开头(包名是@typescript-eslint/eslint-plugin)。
我正在使用盖茨比和伴随的。
误差
$ eslint src --fix
Oops! Something went wrong! :(
ESLint: 4.19.1.
浏览 1提问于2019-03-08得票数 31
<template>
<div class="d-flex flex-grow-1" onclick="console.log('testing...');" style="display: block;">
HOW CAN I LEAVE ME CODE LIKE THIS!!!!?
</div>
</template>
<template>
<div
class="d-flex flex-grow-
浏览 14提问于2020-06-15得票数 7
当我试图运行一个reactjs项目时，我一直收到这些错误。 prettier/prettier
Line 23:39: Replace `'react-toastify'` with `"react-toastify"`
浏览 25提问于2021-07-29得票数 0
我有一个反应构建配置使用Webpack，ESlint，更漂亮和TypeScript。
当我运行构建时，看起来我得到的是TypeScript linting错误，这些错误应该被@ the / run或@ the /run dom包取消。
查看文档，我不需要定义React组件的可访问性修饰符或返回类型：
这似乎与这里的问题相同：
但是安装输入包并没有为我解决这个问题。请注意，我也尝试删除@typings/react包，因为@typings/react-dom将其作为依赖项，这并不能解决问题。
Webpack配置
const webpack = require('webpack');
浏览 0提问于2019-08-06得票数 1
回答已采纳
我非常困惑如何设置配置文件，以及我应该使用哪些配置/插件。
我有一个反应项目，使用类型记录，小丑和反应钩。
我知道我需要安装：
eslint
prettier，eslint-config-prettier，eslint-plugin-prettier
eslint-plugin-import
至于Airbnb配置，我不确定是否需要安装：
eslint-config-airbnb，eslint-plugin-react，eslint-plugin-jsx-a11y或
eslint-config-airbnb-base
这两种支持类型似乎都不像，所以我似乎也需要
浏览 1提问于2019-06-20得票数 4
回答已采纳
1回答
我希望ESLint停止删除元素周围的空格，如下所示：
我似乎找不到任何规则来禁用它。我搜索了，尝试了不同的规则，我认为它们可能会解决我的问题，但都没有成功。我甚至不能100%确定是ESLint还是我的VS代码设置。
我的eslintrc：
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'plugin:prettier/recommended',
'@vue/prettier'
],
r
浏览 2提问于2019-01-24得票数 2
2回答
我在我的项目中使用以下命令安装了jest v24.7.1： npm install jest -D 然后我开始写一些测试文件，但是我得到了这些eslint错误： 'describe' is not defined. eslint (no-undef)
'it' is not defined. eslint (no-undef)
'expect' is not defined. eslint (no-undef) eslintrc.js： module.exports = {
env: {
browser: true,
es6
浏览 71提问于2019-04-23得票数 56
回答已采纳
1回答
我有node.js项目，并开始使用eslint配置。有.eslintrc.json
{
"parser": "babel-eslint",
"extends": [
"airbnb",
"plugin:node/recommended",
"plugin:security/recommended",
"prettier",
],
"env": {
"node":true,
"com
浏览 3提问于2019-10-12得票数 2
回答已采纳
1回答
.eslintrc.js
module.exports = {
root: true,
extends: [
'@react-native-community',
'standard-with-typescript',
'plugin:@typescript-eslint/recommended',
'plugin:jest/recommended',
'plugin:prettier/recommended',
'plugin:import/rec
浏览 1提问于2022-01-14得票数 1
回答已采纳
我已经更新了我的npm依赖关系到他们的最新版本，现在我无法创建一个构建。我得到的错误是转换失败，有两个错误:未终止的字符串令牌。我检查了我的HTML文件，其中大部分CSS类是内联的，因为我使用顺风CSS，但是所有的文件都在一行中有类。我找不出问题在哪里。
My pacakage.json
"devDependencies": {
"@playwright/test": "^1.19.1",
"@sveltejs/adapter-vercel": "^1.0.0-next.47",
浏览 8提问于2022-04-13得票数 0
我想使用ignoreParameters选项设置为false的this rule。我的eslint是使用.eslintrc.json文件配置的，我无法找到如何在此文件中为规则设置选项。我已经查看了文档和谷歌，我查看了this question，但我找不到如何使用eslint和.eslintrc.json文件为规则设置选项的示例。 以下是我尝试添加此规则之前的.eslintrc.json文件(规则已应用，但使用默认选项，而不是我想要的选项)： {
"parser": "@typescript-eslint/parser",
"extends
浏览 153提问于2020-01-15得票数 1
回答已采纳
在一个全新的Sveltekit项目中，我有一个非常简单的组件：
<script context="module" lang="ts">
import type { Load } from '@sveltejs/kit';
export const load: Load = ({ url }) => {
const company = url.searchParams.get('company');
return {
props: {
company
浏览 4提问于2022-07-03得票数 1
3回答
如何修复这个重复错误？
我想写下面的格式。
const Hoge = styled.div`
...
.class {
color: ${props =>
props.a !== 'aaaaaa' &&
props.b !== 'bbbbbb' &&
'#ccc'};
}
`
但是这种格式有重复错误。
错误:4空格的预期缩进，但发现6. (缩进)
我想知道如何解决这个问题。
我正在使用下面的版本。
"styled-compon
浏览 0提问于2018-03-11得票数 4
我正在进行一个项目，每次执行纱线安装时，我都会在控制台中得到以下消息：
? Please choose a version of "ts-jest" from this list: (Use arrow keys)
❯ 29.0.0-next.0
28.0.8
28.0.7
28.0.6
28.0.5
28.0.4
28.0.3
28.0.2
我应该做些什么来避免收到这条信息吗？这就是我的package.json文件的样子：
{
"name": "xyz",
"version":
浏览 6提问于2022-08-29得票数 2
我正在将我的项目从tslint重新配置为eslint。我可以手动运行eslint，但webpack无法运行，并显示以下错误消息： Module build failed (from /path/node_modules/eslint-loader/index.js):
Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint' 我已经排除了错误的模块和丢失的依赖项，因为它在我手动运行时可以工作。/node_ .eslintrc.js
浏览 1103提问于2019-02-04得票数 35
和都是用于将ESLint与更漂亮的集成的流行包。
然而，在阅读了这两份文件之后，我明白两者都会做好这份工作。但是，如果我们使用eslint-plugin-prettier，，那么如果我们使用eslint-config-prettier.，就不会出现。此外，当使用eslint-plugin-prettier推荐配置时，它会在场景后面使用eslint-config-prettier。
我觉得eslint-config-prettier比eslint-plugin-prettier，有明显的优势，但是eslint-plugin-prettier仍然很受欢迎，它每周在npm上下载很多次。我错过了什么吗
浏览 0提问于2021-12-02得票数 0
我正在使用一个Angular项目，只是想再一次使用带有Prettier的ESLint。遗憾的是，有一个恼人的问题，即每次导入时都会显示警告'XYZ' is defined but never used. eslint(@typescript-eslint/no-unused-vars) ? ? 我只能在完全禁用此规则的情况下修复此问题。但是，我不会像第22行那样得到关于未使用的常量变量的提示。 我的eslintrc.json： {
"parser": "@typescript-eslint/parser", // Speci
浏览 66提问于2021-07-26得票数 0
回答已采纳
我在我的.eslintrc中设置了规则"quote-props": [2, "always"]。当我做eslint --fix时，它会正常工作。
但我用更漂亮的格式格式化代码。不幸的是，Prettier没有always，只有as-needed|preserve|consistent for quote-props。因此，结果始终是，当我用更漂亮的格式格式化时，它会删除我的引号道具。
我怎么才能告诉更漂亮的人尊重这条规则呢？添加// prettier-ignore不是一个选项。
.eslintrc：
"extends": [
"es
浏览 2提问于2020-12-02得票数 3
回答已采纳
5回答
我将我的airbnb精简规则迁移到更漂亮的规则，但我有一些问题。
这是我的.eslintrc：
{
"parserOptions": {
"ecmaVersion": 6
},
"env": {
"browser": true,
"node": true
},
parser: "babel-eslint",
"plugins": ["prettier", "react"],
"rules
浏览 7提问于2017-07-24得票数 6
回答已采纳
我想和更漂亮的人一起使用ESLint。除了按Ctrl +S来保存文件之外，一切都很好，更漂亮的更改文件的方式与prettier/prettier规则在ESLint中是不兼容的。
.vscode/settings.json含量
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"prettier.singleQuote": true,
"prettier.printWidth": 70
浏览 10提问于2022-08-18得票数 1
我正在建立一个使用create-react-app网站，并刚刚安装了eslint到它。
由于某些原因，本应显示为eslint警告的内容显示为错误，导致npm run start失败。
我如何绕过这个问题，并将它们显示为像以前一样的警告呢？
My .eslintrc.js
env: {
browser: true,
es6: true,
jest: true,
},
extends: [
'airbnb-typescript',
'plugin:@typescript-eslint/recommended',
浏览 11提问于2020-11-03得票数 6
我是，向现有的javascript项目添加类型记录。这是一个大规模的项目，所以我决定一步一步地将项目转换成类型记录。
这是我的eslintrc.js文件
module.exports = {
parser: '@typescript-eslint/parser', // Specifies the ESLint parser
extends: [
'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/es
浏览 5提问于2020-01-16得票数 1
如何在Laravel供应商文件夹中启用eslint？
主要开发是在供应商文件夹中进行的。我们的项目是基于Laravel软件包的。我已经在"root“项目中启用和配置了eslint，并且它工作得很好。目前在PHPStorm中工作，并在其中使用eslint。
.eslintrc.json
{
"env": {
"es6": true,
"node": true
},
"extends": [
"eslint:recommended",
浏览 1提问于2020-01-22得票数 0
回答已采纳
在我的Gatsby (React)项目中，我使用了typescript。我需要设置ESLint并且必须使用eslint-config-airbnb-typescript 我还使用了Prettier：prettier (与Gatsby一起提供)，并安装了以下软件包： npm install eslint-config-prettier eslint-plugin-prettier --save-dev 如果我看一下eslint-config-airbnb-typescript的文档，我没有看到任何关于@typescript-eslint/parser包的东西？ 他们展示了一个这样的例子： mo
浏览 62提问于2020-12-27得票数 0
回答已采纳
2回答
我正在研究可共享的eslint配置，以推广自动化和内部最佳实践。因此，我将添加一些eslint插件和工具作为依赖项。
上下文
环境
$ node --version;
v8.2.1
$ npm --version
5.3.0
本地包
为此，我使用下面的npm创建了一个本地package.json项目，eslint-config-company说
{
"name": "eslint-config-company",
"version": "0.0.1",
"main": "index.js&#
浏览 1提问于2017-08-17得票数 1
2回答
我使用VScode进行Vue开发，使用更漂亮的和Eslint。
目前，更漂亮的代码格式化如下：
我想要的是强制如下
如果我手动将它更改为我想要的格式，它不会将它标记为不正确，但默认情况下它也不会执行这种格式。
在默认情况下，是否有办法做到这一点？
我的相关VScode Settings.json
"prettier.disableLanguages": ["json"],
"[scss, css]": {
"editor.defaultFormatter": "esbenp.prettier
浏览 14提问于2020-05-23得票数 8
回答已采纳
我尝试使用eslint格式化我的代码，但当我运行npm run lint -f时，我得到以下输出：
Oops! Something went wrong! :(
ESLint: 6.8.0.
ESLint couldn't find the config "prettier" to extend from. Please check that the name of the config is correct.
The config "prettier" was referenced from the config file in "/pr
浏览 403提问于2020-05-05得票数 57
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
