vscode 天赋异禀 - 格式化jsx代码
文章目录
jsx代码格式化错乱
当你在用vscode编写jsx代码时,也许你的编辑器设置了自动保存,或者自动格式化代码.
而vscode 对js文件中的 jsx 代码格式化是下面这个样子的:
如何修复这种情况
- 首先安装插件 Prettier
vscode扩展插件中搜索 Prettier 安装
修改配置文件
vscode 文件-> 首选项-> 设置->用户->文本编辑器->文件
右侧添加项:
"*.js": "javascriptreact"
或者在配置文件settings.json 中搜索 files.associations ,里面添加 "*.js": "javascriptreact"
保存退出 vscode ,重新打开,格式化包含 jsx语法的js文件,不会再遇到上面格式化错误的情况.