<p>我刚刚初始化了一个 VueJs 项目：</p> <pre class="brush:php;toolbar:false;">npm init vue@3 . Need to install the following packages: create-vue@3.3.2 Ok to proceed? (y) y Vue.js - The Progressive JavaScript Framework √ Package name: ... no-interrupts √ Add TypeScript? ... Yes √ Add JSX Support? ... Yes √ Add Vue Router for Single Page Application development? ... Yes √ Add Pinia for state management? ... Yes √ Add Vitest for Unit Testing? ... No √ Add Cypress for both Unit and End-to-End testing? ... No √ Add ESLint for code quality? ... Yes √ Add Prettier for code formatting? ... Yes</pre> <p>但是现在当我格式化我的代码（alt+shift+f）时，prettier 会强调一些东西。如果我运行 <code>npm run lint</code>，事情就会恢复正常。</p> <p>例如，alt-shift-F似乎试图将html元素的第一个属性保留在第一行：</p> <pre class="brush:php;toolbar:false;">&lt;img alt=&quot;Vue logo&quot; class=&quot;logo&quot; src=&quot;@/assets/logo.svg&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;</pre> <p>其中 npm run lint 为每个属性都有一个专用行：</p> <pre class="brush:php;toolbar:false;">&lt;img alt=&quot;Vue logo&quot; class=&quot;logo&quot; src=&quot;@/assets/logo.svg&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;</pre> <p>这尤其是一个问题，因为文件是在保存时格式化的。</p> <p>我没有强烈的偏好，但如果可能的话我想保留 <code>npm run lint</code> 提出的那个。</p> <p>我的 <code>eslintrc.cjs</code> 包含以下内容：</p> <pre class="brush:php;toolbar:false;">/* eslint-env node */ require(&quot;@rushstack/eslint-patch/modern-module-resolution&quot;); module.exports = { root: true, extends: [ &quot;plugin:vue/vue3-essential&quot;, &quot;eslint:recommended&quot;, &quot;@vue/eslint-config-typescript/recommended&quot;, &quot;@vue/eslint-config-prettier&quot;, ], parserOptions: { ecmaVersion: &quot;latest&quot;, }, };</pre> <p>我应该怎么做才能让 <code>alt-shift-f</code> 命令正确格式化我的代码？</p>