标签: prettier

我更新了所有软件包，但在运行npm run serve后仍然出现此错误：

模块构建失败（来自 ./node_modules/eslint-loader/index.js）：错误：无法找到模块 'prettier' 在 linting /home 时发生

我的 package.json

{
  "name": "app",
  "version": "0.1.0",
  "private": false,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.2.1",
    "firebase": "^7.0.0",
    "material-icons": "^0.3.1",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.10",
    "vue-flickity": "^1.2.1",
    "vue-router": "^3.1.3",
    "vuetify": "^2.0.19",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@mdi/font": "^4.4.95",
    "@vue/cli-plugin-babel": "^3.11.0",
    "@vue/cli-plugin-eslint": "^3.11.0",
    "@vue/cli-plugin-pwa": "^3.11.0",
    "@vue/cli-service": "^3.11.0",
    "@vue/eslint-config-prettier": "^5.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^6.4.0",
    "eslint-plugin-vue": "^5.2.3",
    "material-design-icons-iconfont": "^5.0.1",
    "stylus": "^0.54.7",
    "stylus-loader": "^3.0.2", …

当我使用 eslint & prettier 配置我的 vscode 时，我在 .settings.json 文件中遇到了一个问题，错误消息是“默认情况下启用自动修复。使用单字符串形式。” ：

我的 eslint 配置是：

我更漂亮的配置是：

module.exports = {
  singleQuote: true,
  semi: false
}

有谁知道是什么原因以及如何解决？

在我的新项目中，ESLint 没有像以前那样输出警告，我使用的是 VSCode。如果我的代码中某处有 unsed var，它不会再在终端输出中显示警告。仅在问题选项卡中。

这是我的 eslint 配置文件：

.eslintrc.json

{
  "env": {
      "browser": true,
      "es6": true
  },
  "extends": [
      "plugin:react/recommended",
      "airbnb-typescript",
      "plugin:@typescript-eslint/recommended",
      "plugin:@typescript-eslint/eslint-recommended",
      "prettier/@typescript-eslint",
      "plugin:prettier/recommended"
  ],
  "globals": {
      "Atomics": "readonly",
      "SharedArrayBuffer": "readonly"
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
      "ecmaFeatures": {
          "jsx": true
      },
      "ecmaVersion": 2018,
      "sourceType": "module",
      "project": "./tsconfig.json"
  },
  "plugins": [
      "react",
      "react-hooks",
      "@typescript-eslint",
      "prettier"
  ],
  "rules": {
    "prettier/prettier": "error",
    "react-hooks/rules-of-hooks":"error",
    "react-hooks/exhaustive-deps": "warn",
    "camelcase": "off",
    "@typescript-eslint/camelcase": "off",
    "react/jsx-filename-extension": [1, {"extensions": [".tsx"]}],
    "import/prefer-default-export": "off",
    "react/jsx-one-expression-per-line": "off",
    "react/jsx-props-no-spreading": "off",
    "react/prop-types": "off",
    "no-unused-expressions": …

.eslintrc.json

{
  "env": {
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "extends": ["prettier", "airbnb-base"],
  "plugins": ["prettier"],
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "ecmaVersion": 2018
  },
  "rules": {
    "prettier/prettier": "error"
  }
}

.prettierrc.json

{
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "es5"
}

在格式化代码时，prettier 添加了一个尾随逗号，但它也给了我一个错误，指出应该将其删除。即使我们删除尾随的逗号，eslint 也会告诉我相反的情况，应该添加它。请告诉我问题的解决方案

我想使用 double\xe2\x90\x8d（“回车”||“Enter”键）在视觉上分隔代码节，\n并开始新的链接形式单独的行（即使行长度小于 80 个字符）。

但出现错误：删除\xe2\x90\x8d\xe2\x8f\x8eeslint (prettier/prettier)

我的代码片段：\n

router.param("id", checkId) //middleware to validate id\n`\xe2\x90\x8d`\n`\xe2\x90\x8d`\nrouter.route("/")`\xe2\x90\x8d`\n  .get(getAllTours)`\xe2\x90\x8d`\n  .post(checkBody, createTour)\n\nrouter.route("/:id")`\xe2\x90\x8d`\n  .get(getTour)`\xe2\x90\x8d`\n  .patch(updateTour)`\xe2\x90\x8d`\n  .delete(deleteTour)\n`\xe2\x90\x8d`\n`\xe2\x90\x8d`\nmodule.exports = router

\n

尝试过：\n.eslintrc.json\n

\'prettier/prettier\': [\n  \'error\',\n  {\n    \'endOfLine\': \'auto\',\n  }\n]

\n

答复表/sf/answers/3763844941/

并在我的配置 .prettierrc 中尝试相同的操作

所有这些都没有帮助。我不断收到相同的错误...

我不想完全禁用 Prettier。

但是在 .eslintrc.json** 中设置“endOfLine” （ “off” -从不自动格式化嵌入代码。）\n完全禁用来自 prettier 的警告

{ \n\'endOfLine\': \'off\',\n}

我已经通过安装了 prettier

yarn add prettier

我希望 prettier 仅格式化打字稿代码（我正在开发AWS CDK项目，按照惯例没有src文件夹，并且到处可能有打字稿文件）。换句话说，我想更漂亮地检查我的项目中具有扩展名的所有文件*.ts。

我检查了它的配置文档。但没有这样的选项来指定文件扩展名。

那么我怎样才能只对 *ts 文件运行 prettier 呢？有可能吗？如果没有，解决方法是什么？

更漂亮的是没有预先运行.这在其他项目中使用相同的配置,所以我很困惑为什么这次不工作.

这是我的package.json文件的相关部分:

"scripts": {
    "precommit": "lint-staged"
  },
"lint-staged": {
  "*.{js,json,css,scss,html,md}": [
    "prettier --write",
    "git add"
  ]
},

编辑.以下是相关的devDependencies:

"devDependencies": {
  "husky": "^0.14.3",
  "lint-staged": "^7.0.4",
  "prettier": "1.12.0"
},

我正在使用 Prettier、Eslint 和 Styled 组件 - 反引号样式声明。到目前为止它可以工作，但是 Prettier 以 Eslint 不允许的方式格式化 Styled 组件的条件渲染，并且在格式化之后 Eslint 开始抱怨并且构建失败。

让我通过代码向您展示问题。

Prettier 处理前的初始代码：

// styled components styles apply
const TextInputStyled = styled(TextInputThemed)`
  ${(props: StyledProps) => {
    const {
      theme: { theme10x },
      disabled,
      success,
      error,
    } = props;
    return `
      ${success && `
        border-color: ${theme10x.palette.common.success};
      `};

      ${error && `
        background-color: ${theme10x.palette.common.error};
      `};

      ${disabled && `
        background-color: ${theme10x.palette.background.disabled};
      `};
    `;
  }}

更漂亮的处理后：

// styled components styles apply
const TextInputStyled = styled(TextInputThemed)`
  ${(props: StyledProps) => {
    const …

Prettier在 VS Code 中很棒，除了在这种情况下它似乎使事情变得不那么可读。这是 Vue 模板文件中 prettier 包装行为的示例：

请注意，开始标记的结束括号放置在第二行的开头，结束标记在第 2 行和第 3 行的结尾之间分开。在我看来，这更漂亮：

现在标签在他们自己的行上是完整的，内容单独在第 2 行。

我一直无法在更漂亮的文档中找到配置它的方法。有哪位忍者知道吗？

我对 Node、npm 和 webpack 还很陌生。我正在尝试使用 Tailwind css设置Craft 3 环境。

开箱即用，一切正常，但是当我运行时npm run dev，出现以下错误：

> craftcms-tailwind@1.0.0 dev /Users//sites/***/www
> gulp dev

/Users/***/sites/***/www/node_modules/prettier/third-party.js:9871
      for await (const place of this.config.searchPlaces) {
          ^^^^^

SyntaxError: Unexpected reserved word
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/***/sites/***/www/node_modules/prettier/index.js:16551:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! craftcms-tailwind@1.0.0 dev: `gulp dev` …