VSCode Prettier ไม่ฟอร์แมต PHP

ฉันจึงตั้งค่า vscode ด้วย Prettier แต่จะไม่ฟอร์แมตไฟล์. php ไฟล์. html ทำงานได้ดีกับ Prettier ดังนั้นเมื่อฉันมี. php พร้อมโค้ด HTML มันจะถูกจัดรูปแบบแตกต่างกันเพราะฉันใช้ Beautify เป็นตัวเลือกสุดท้าย

ฉันจะทำให้ Prettier จัดรูปแบบไฟล์. php โดยอัตโนมัติและโค้ด html ใน. php เหมือนกับไฟล์. html ได้อย่างไร

settings.json

{
  "sync.autoDownload": true,
  "sync.autoUpload": true,
  "sync.forceDownload": true,
  "sync.forceUpload": true,
  "workbench.iconTheme": "vscode-icons",
  "sync.gist": "715bf022af486e449cae9313183b9a56",
  "sync.quietSync": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "window.zoomLevel": 0,
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "eslint.codeActionsOnSave.mode": "all",
  "workbench.colorTheme": "Atom One Dark",
  "beautify.language": {
    "html": ["php", "blade"]
  },
  // These are all my auto-save configs
  "editor.formatOnSave": true,
  // turn it off for JS and JSX, we will do this via eslint
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[javascriptreact]": {
    "editor.formatOnSave": false
  },
  // tell the ESLint plugin to run on save
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  // Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
  "prettier.disableLanguages": ["javascript", "javascriptreact"],
  "php.validate.executablePath": "C:\\xampp\\php\\php.exe"
}

.eslintrc.json

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 2020,
    // Can I remove these now?
    "ecmaFeatures": {
      "impliedStrict": true,
      "classes": true
    }
  },
  "env": {
    "browser": true,
    "node": true,
    "jquery": true,
    "jest": true
  },
  "rules": {
    "no-debugger": 0,
    "no-alert": 0,
    "no-await-in-loop": 0,
    "no-return-assign": ["error", "except-parens"],
    "no-restricted-syntax": [
      2,
      "ForInStatement",
      "LabeledStatement",
      "WithStatement"
    ],
    "no-unused-vars": [
      1,
      {
        "ignoreSiblings": true,
        "argsIgnorePattern": "res|next|^err"
      }
    ],
    "prefer-const": [
      "error",
      {
        "destructuring": "all"
      }
    ],
    "arrow-body-style": [2, "as-needed"],
    "no-unused-expressions": [
      2,
      {
        "allowTaggedTemplates": true
      }
    ],
    "no-param-reassign": [
      2,
      {
        "props": false
      }
    ],
    "no-console": 0,
    "import/prefer-default-export": 0,
    "import": 0,
    "func-names": 0,
    "space-before-function-paren": 0,
    "comma-dangle": 0,
    "max-len": 0,
    "import/extensions": 0,
    "no-underscore-dangle": 0,
    "consistent-return": 0,
    "react/display-name": 1,
    "react/no-array-index-key": 0,
    "react/react-in-jsx-scope": 0,
    "react/prefer-stateless-function": 0,
    "react/forbid-prop-types": 0,
    "react/no-unescaped-entities": 0,
    "jsx-a11y/accessible-emoji": 0,
    "react/require-default-props": 0,
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", ".jsx"]
      }
    ],
    "radix": 0,
    "no-shadow": [
      2,
      {
        "hoist": "all",
        "allow": ["resolve", "reject", "done", "next", "err", "error"]
      }
    ],
    "quotes": [
      2,
      "single",
      {
        "avoidEscape": true,
        "allowTemplateLiterals": true
      }
    ],
    "prettier/prettier": [
      "error",
      {
        "trailingComma": "es5",
        "singleQuote": true,
        "printWidth": 80
      }
    ],
    "jsx-a11y/href-no-hash": "off",
    "jsx-a11y/anchor-is-valid": [
      "warn",
      {
        "aspects": ["invalidHref"]
      }
    ],
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn"
  },
  "plugins": ["html", "prettier", "react-hooks"]
}

Core prettier ไม่รองรับ PHP ¹ดังนั้นปลั๊กอินสำหรับ VSCode / VSCodium ก็ไม่ได้ โชคดีที่นักออกแบบของสวยที่ดูเหมือนว่าจะมีความคิดนี้และดำเนินการระบบปลั๊กอิน2

ตามrepo ที่สวยกว่า -vscodeสิ่งที่คุณต้องทำเพื่อใช้ปลั๊กอินคือเพิ่มและสวยขึ้นใน³ของคุณpackage.json

ดังนั้นสำหรับ php รองรับ package.json ของคุณจะต้องมี:

{
  "devDependencies": {
    "@prettier/plugin-php": "0.14.3",
    "prettier": "2.0.5"
  }
}

น่าเศร้าที่ไม่มีการรองรับไฟล์. php ด้วย HTML :https://github.com/prettier/plugin-php/issues/845

กำลังมีปัญหากับปัญหานี้ ผู้ร้ายในกรณีของฉันคือการตั้งค่าที่กำหนดค่าไม่ถูกต้องในไฟล์ settings.json (บน mac ไฟล์กำหนดค่าการตั้งค่าจะอยู่ใน ~ / Library / Application Support / Code / User)

ไฟล์ config settings.json ต้องการคุณสมบัติที่ถูกต้อง "php.validate.executablePath" ค่าที่จะตั้งเป็นคุณสมบัตินี้อาจแตกต่างกันไปขึ้นอยู่กับเวอร์ชัน PHP ที่คุณใช้

เพื่อให้ได้เส้นทางที่ถูกต้องของการปฏิบัติการของ PHP ใน mac เปิดสถานีหน้าต่างใหม่ (Cmd + Spacebar และเขียน Terminal) which phpและประเภท ค่าที่ส่งคืนควรตรงกับค่าคุณสมบัติการกำหนดค่า

settings.json ตัวอย่าง:

{
    // your other settings
    "php.validate.executablePath": "/Applications/MAMP/bin/php/php7.3.8/bin/php"
}