问题

在vscode中，新建的项目里面只要格式化就自动换行，导致有的小伙伴会很讨厌这种格式，看上去很麻烦，在网上找了很多种办法也是很难办，今天就来解决一下这个问题

问题示例

如下图所示：

解决办法

在项目的根目录中新创建一个配置文件.prettierrc（文件名就叫这个，注意加上小数点）

然后再这个文件中添加一行代码即可

{ "semi": false, "singleQuote": true, "printWidth": 150 }

printWidth可以决定在多宽的宽度换行

最后回到自己的页面 alt+shift+f就可以发现不会换行了

vscode格式化代码设置不换行相关推荐

解决vscode格式化代码html属性换行问题； ctrl+s格式化去除分号，格式化自动单引号；解决js格式化换行问题；mac上的settings.json完整配置
右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置配置ct ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...
vscode格式化代码的详细教程
文章目录前言一.理论 1.参考文章 2.代码格式化目的: 3.代码格式化的注意事项: 插件作用符合代码检验插件更新二.代码格式化插件的官方文档: 1.语言介绍 2.插件介绍 3.我的sett ...
eslint 无法格式化ts_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.我们现在前端绝大部分都在使用eslint,或者将要把代码改为eslint,那么此时我们怎么方便 ...
编辑器eslint格式_vscode保存代码，自动按照eslint规范格式化代码设置
vscode保存代码,自动按照eslint规范格式化代码设置编辑器代码风格一致,是前端代码规范的一部分.同一个项目,或者同一个小组,保持代码风格一致很必要.就拿vue项目来说,之前做的几个项目,很多 ...
vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
vscode格式化代码
使用vscode格式化代码快捷键一般为Shift+Alt+f,需要我们手动按快捷键才能实现代码格式化,如果我们需要更加方便快捷的方法格式化,就需要对vscode进行设置: 打开vscode,点击左下角 ...
vscode格式化代码无效--可能的解决方法
vscode格式化代码无效--可能的解决方法参考文章: (1)vscode格式化代码无效--可能的解决方法 (2)https://www.cnblogs.com/code1992/p/8657985 ...
vscode格式化代码使html标签不换行
1.打开Vscode,点击文件 ->首选项 ->设置->搜索vetur -> 在setting.json中编辑->输入以下代码(注意是json形式的,如果setting. ...

vscode格式化代码设置不换行

问题

问题示例

解决办法

vscode格式化代码设置不换行相关推荐

最新文章

热门文章