Visual studio code JSX始终自动包装

Visual studio code JSX始终自动包装,visual-studio-code,eslint,js-beautify,prettier,Visual Studio Code,Eslint,Js Beautify,Prettier,这让我头疼!花了2个小时试图找出导致以下行为的原因,并一直保持空白 我正在迁移到VSCode,我的React JSX组件将自动包装成多行。当一个组件有多个属性时,这是很好的,但是会使一些文件非常长并且非常不可读 案例-定义react路由器路由的文件。它们都很小,理想情况下,每行一条会让你的应用程序的路由非常可读,而不是每7行左右定义一条路由 VS代码自动格式化文件的示例: <Authenticated path="/new" component={NewCorrespond

这让我头疼!花了2个小时试图找出导致以下行为的原因,并一直保持空白

我正在迁移到VSCode,我的React JSX组件将自动包装成多行。当一个组件有多个属性时,这是很好的,但是会使一些文件非常长并且非常不可读

案例-定义react路由器路由的文件。它们都很小,理想情况下,每行一条会让你的应用程序的路由非常可读,而不是每7行左右定义一条路由

VS代码自动格式化文件的示例:

<Authenticated
    path="/new"
    component={NewCorrespondence}
    {...this.props}
/>
<Authenticated
    path="/inbox"
    component={Inbox}
    {...this.props}
/>
<Authenticated
    path="/sent"
    component={Sent}
    {...this.props}
/>

它应该是什么样子

<Authenticated path="/new" component={NewCorrespondence} {...this.props} />
<Authenticated path="/inbox" component={Inbox} {...this.props} />
<Authenticated path="/sent" component={Sent} {...this.props} />


VSCode中处理此问题的设置是什么?是否有办法将其配置为仅当长度超过x个字符时才换行?

好的,回答我自己的问题。这是更漂亮的软件包的
printWidth
设置。prettierrc配置文件被忽略,但直接从VSCode设置宽度修复了此问题

所以这里的问题是如何设置配置文件(不同的问题!)