vscode vetur 不想标签属性老是转行配置

最新推荐文章于 2024-11-05 17:08:08 发布

原创最新推荐文章于 2024-11-05 17:08:08 发布 · 5.4k 阅读

5 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍如何在VSCode中为Vue项目配置代码美化规则，包括设置行长度、属性换行方式及结尾是否换行等，确保代码风格一致。

记得在工作区设置中配置如下

{
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 120,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  },
  "vetur.format.defaultFormatter.html": "js-beautify-html",
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

曹天骄

关注关注

6
点赞
踩
5

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue格式化，设置不换行

前端蜗牛君

07-21

6964

解决在写Vue时，格式化代码属性自动换行的问题 1、直入主题修改 “wrap_attributes”: “force-expand-multiline"为"wrap_attributes”: “aligned-multiple” 添加 “vetur.format.defaultFormatter.html”: “js-beautify-html”, 2、具体操作先描述一下我VSCODE的插件的情况，一个Vetur ,vue-beautify 打开设置搜索 vetur.format.d

VSCode中代码格式化Vue属性换行问题

weixin_43671682的博客

12-23

4696

打开VS设置，setting.json添加如下代码 { "editor.wordWrap": "on", "editor.wordWrapColumn": 800, "[markdown]": { "editor.wordWrap": "on", "editor.quickSuggestions": false }, // 解决Vue换行问题 "vetur.format.defaultFormatter.html": "j

4 条评论您还未登录，请先登录后发表或查看评论

vue vscode格式化时标签属性不让其换行

PrimaryColor

07-29

2393

步骤一：打开“文件”->“首选项”->“设置”，在搜索框中搜索： vetur.format.defaultFormatter.html 将这一项Default Formatter:HTML设置成“js-beautify-html”。步骤二：然后打开右上角的json配置文件，如图：添加如下代码： "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wr.

解决VScode保存，标签属性自动换行问题

qq_44280090的博客

02-15

1万+

每次保存文件时，VScode会自动格式化文档，但是标签中的属性都会被强制换行，对于强迫症的我来说，神烦，尝试了N种方法后，终于知道了最完美的解决办法，可以愉快地Ctrl+s啦~

VScode需要插件与配置

weixin_51734548的博客

06-15

261

需要的插件在 settings.json 如下配置--->格式化属性不换行，自动保存 { "editor.minimap.enabled": false, "explorer.confirmDelete": false, "git.ignoreMissingGitWarning": true, //每次保存的时候自动格式化 // "editor.formatOnSave": true, "editor.suggestSelection": "

vue template 不换行配置

kiven_wolf的专栏

03-31

1414

打开vscode 打开setting，添加下面代码： "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify...

精选资源

不想做软件测试了转行可以做什么(20211222103953).pdf

11-16

不想做软件测试了转行可以做什么(20211222103953).pdf

VSCode配置C/C++开发环境资源合集

再看【标签】：“hello world Vscode c++ 配置”，这些关键词精准覆盖了用户可能搜索的核心术语，体现了该资源的高度实用性与可发现性。其中，“hello world”代表最基础的程序验证；“Vscode”表明所用编辑器；...

【2019】关于_element_的初级学习代码项目。_附全套学习资源和vscode配置_

09-07

3. VSCode配置指南，介绍如何配置VSCode以提高开发效率，例如安装插件、配置ESLint规则等。 4. 代码示例，包含一些基础的代码模板和实际操作中的最佳实践。 5. 常见问题解答（FAQ），帮助初学者解决在学习过程中可能...

VSCode中Python开发环境配置详解

例如，“找不到Python解释器”通常是由于PATH未正确配置或VSCode未识别虚拟环境所致，解决方法包括手动在命令面板中选择解释器路径，或激活对应的虚拟环境后再启动VSCode。“代码运行报错”则可能涉及模块未安装、...

VSCode快捷键！让你的工作效率快速提升

最新发布

前端必备小窝

11-05

1229

作为一名 coder，你可能会在代码编辑器中花费大部分时间，而对工作流程的任何改进都会对你的工作效率产生深远影响。VSCode 是最受欢迎的代码编辑器之一，它提供了丰富的快捷键功能，可以帮助你成为更高效、更有效的编码人员。在本文中，我们将详细全面介绍 VSCode 的快捷键功能！

VScode中如何实现标签、组件属性格式化自动换行

qq_36365712的博客

09-27

1万+

在一些项目中，我们常看见这样的布局，当标签属性太长时进行换行操作，这又是如何实现的呢？在设置中,其中需要安装js-beautify-html插件 "vetur.format.defaultFormatterOptions": { "wrap_attributes": "force-expand-multiline" "js-beautify-html": { "...

vscode 如何格式化vue(template)html代码 , 保持标签属性不换行

qq_17108919的博客

11-27

3532

百度看了好多文章，但是设置完了，还是会换行今天终于自己摸索出来不会换行 1.vscode->文件->首选项->设置 2.选择工作区->找到settings.json(滚动找到settings.json) 3.设置如下，就ok了 "settings": { "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions":{ "js-bea

VSCode代码格式化自动换行问题

weixin_34184561的博客

03-05

1万+

打开VS设置，添加如下代码 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typ=script", "vetur.format.defaultFormatterOptions": { "js-beautify-...

vscode vetur插件取消组件属性强制换行

weixin_34232744的博客

12-11

1995

vscode setting setting.json 在用户设置里面添加以下参数"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 120, "wrap_attributes": "auto", "end_with_newline": fal...

vue vscode属性标签不换行

weixin_30363817的博客

05-27

3660

"vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 100, "singleQuote": fals...

设置VUE项目，HTML标签不换行设置

weixin_68397463的博客

04-30

1393

设置VUE项目，HTML标签不换行设置

vscode 中格式化 vue 及标签内属性如何不自动换行

vscode vetur 不想标签属性老是转行 配置

vscode vetur 不想标签属性老是转行配置