欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vscode 如何格式化react代码(jsx)?

程序员文章站 2022-04-23 11:20:21
...

当你用vscode写完react的jsx语法,会是下面这个鸟样
vscode 如何格式化react代码(jsx)?

下面是解决办法
  1. 首先安装插件
    Prettier - Code formatter
    vscode 如何格式化react代码(jsx)?
  2. 添加配置文件 文件-> 首选项-> 设置->用户->文本编辑器->文件->点击右侧的settings.json 进入配置文件,找到iles.associations,添加"*.js": "javascriptreact"

`“files.associations”: {

"*.js": "javascriptreact"

},`

vscode 如何格式化react代码(jsx)?
vscode 如何格式化react代码(jsx)?
因为修改了配置文件,所以关掉vscode,重新打开,在之前jsx语法页面重新保存,哎? 可以正常书写了~~~~
vscode 如何格式化react代码(jsx)?

相关标签: 软件安装