首页 文章

通过重新格式化HTML元素上的右括号来阻止eslint和更漂亮

提问于
浏览
0

好的,这让我疯了!如何阻止eslint / prettier将DIV元素中的右括号移动到保存时的新行?我已经尝试了几乎所有的eslint规则,并且打开和关闭更漂亮 .
我附上了截图,向社区展示了我的意思 . 因为它是代码格式化问题,所以stackoverflow要我正确格式化(这违背了目的) . 非常感谢!谢谢 .

html_code_all_wonky

1 回答

  • 1

    ESLint规则在 eslint-plugin-react 包中:jsx-closing-bracket-location

    // for example, jsx-closing-bracket-location: [1, 'after-props']
    
    <Hello
      firstName="John"
      lastName="Smith" />
    

    Prettier没有提供配置方法 . 按设计 . 所以,你必须在现场关闭它:

    <div className="App">
      <h1>Hello CodeSandbox</h1>
      {/* prettier-ignore */}
      <h2>
        Start editing to see some magic happen!</h2>
    </div>
    
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      {/* prettier-ignore */}
      <Hello
        lastName="Smith"
        firstName="John" />
    </div>
    

相关问题