如何在VS代码中设置模板文本内的html(JSX)格式?[已关闭]

ngynwnxp  于 2023-01-15  发布在  其他
关注(0)|答案(1)|浏览(93)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题?**添加详细信息并通过editing this post阐明问题。

3天前关闭。
Improve this question

Visual Studio代码1.74.2
更漂亮-代码格式化程序9.10.3

//example
const obj = `
    <div>
       <p  >         Prettier is an opinionated        code formatter. It enforces a consistent style by parsing your code 

and re-printing it with         its own rules that take the maximum line length into account, wrapping       code when necessary.
 </p>            </div >
`

有没有办法格式化这个html?

bybem2ql

bybem2ql1#

请按照以下步骤操作:
1.在VS代码中打开JavaScript文件并导航到包含HTML代码的模板文本。
1.选择模板文本中的HTML代码,然后按"ctrl + shift + p"键打开命令面板。
1.在命令调色板中键入"格式化文档",然后选择出现的"格式化文档"选项。
1.模板文本中的HTML代码现在应该被正确格式化了,并应用了缩进和换行符以使其更具可读性。
如果您只想格式化html的选定部分,也可以使用"格式化选定内容"。
此外,您还可以使用'ESLint'扩展,这是一个为您的javascript代码的linter,它也可以帮助您格式化您的代码,以及,它也有格式文档和格式选择的功能。

相关问题