vscode格式化react代码

vscode安装eslint后，可以正常格式化普通代码，但是react代码无法格式，需要再装Prettier，下图：

安装完后，在settings.json中配置如下：

这个信息其实在工具安装中就有提示，需要配置：

"editor.defaultFormatter": "esbenp.prettier-vscode",

"[javascriptreact]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

}

vscode格式化react代码相关推荐

vscode 中 react 代码保存后，代码格式乱了怎么办？react代码点击保存格式化错误代码错乱处理
在用vscode写react项目中,点击保存代码,代码格式错乱了,解决方法如下: 一开始我以为是安装了ESLint的插件导致不兼容,结果卸载了也没用.各自找react格式化插件,最终没用找到. 最后百 ...
vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
一定要学会的vsCode格式化整理代码的快捷键，再也不用手动调格式了
开发过程中经常遇到代码杂乱的情况,每次手动排列都需要浪费大量时间,如果能配置自动整理代码既能让代码赏心悦目也就不用再浪费排列的时间这是我原来混乱的页面按快捷键shift alt f 格式化后的代 ...
VScode格式化HTML代码保持标签属性不换行
点开设置,设置页面点开"拓展",找到"Vetur",右侧点击"在setting.json中编辑", 加入以下配置就好了: "vet ...
vscode格式化C++代码方法
格式之前格式操作解决方法:按下组合键ctrl+shift+p 在弹出的搜索窗口中输入format 选择format document后回车就可以了格式之后
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...
vscode python 格式化_VSCode 格式化缩进代码的实现
1)文件 -> 首选项因为 vscode 默认启用了根据文件类型自动设置tabsize的选项,在设置中添加: "editor.detectindentation": fal ...
vscode 格式化某一段代码_VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件 Setting ...
vscode格式化代码无效--可能的解决方法
vscode格式化代码无效--可能的解决方法参考文章: (1)vscode格式化代码无效--可能的解决方法 (2)https://www.cnblogs.com/code1992/p/8657985 ...

vscode格式化react代码

vscode格式化react代码相关推荐

最新文章

热门文章