‘vue/max-attributes-per-line‘报错属性应该单独一行,prettier可能也报错。

news/2025/2/14 0:14:01/
原因

一般是vscode和项目里设置不一致造成的。设置了保存自动格式化,这个是优先使用vscode里的设置的。所以要注意保持一致。

相关设置
  1. 项目里eslint配置.eslintrc.jssingleline这个设置表示一行最多放几个属性。设置几个都很难配合prettierprintWidth统一,干脆设置大一些,保证不换行。内容多得时候翻来翻去不会太麻烦。
'vue/max-attributes-per-line': ['error',{singleline: 12,multiline: {max: 13,},},],
  1. 项目里prettier的设置,printWidth是多少字符换行,默认80
"printWidth": 400,
  1. vscodesetting.json中部分内容
"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto","warp_line_length": 900,"end_width_newline": false},"prettyhtml": {"printWidth": 800,"singleQuote": true,"wrapAttributes": false,"sortAttributes": false}},

http://www.ppmy.cn/news/1363424.html

相关文章

opengles 背面剔除介绍(十二)

文章目录 前言一、OpenGL ES 剔除功能简介二、Opengl ES 剔除功能相关的API1.使能剔除功能2. 配置面剔除模式3. 设置剔除面的顺序4. 禁用剔除功能总结参考资料前言 本文主要介绍 opengles3.0 中的背面剔除相关知识,对于绘制3d 图形, 经常会用到它,并且它能提升渲染效率 软硬…

Vue+SpringBoot打造开放实验室管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 实验室类型模块2.2 实验室模块2.3 实验管理模块2.4 实验设备模块2.5 实验订单模块 三、系统设计3.1 用例设计3.2 数据库设计 四、系统展示五、样例代码5.1 查询实验室设备5.2 实验放号5.3 实验预定 六、免责说明 一、摘…

c#压缩文件函数

/// <summary> /// 压缩文件 /// </summary> /// <param name"sourceFile">要压缩的文件名</param> /// <param name"destFile">压缩后的文件名</param> …

启动spark-shell时报错java.lang.NumberFormatException: For input string: “0x100“

一、问题描述 安装完Spark后&#xff0c;启动spark shell时报错 java.lang.NumberFormatException: For input string: "0x100" 如下图&#xff1a; 二、解决办法 1.更换scala的版本 2.更改环境变量 使用vim编辑器打开用户的环境变量配置文件 vim ~/.bashrc s…

web前端框架设计-准备课

web前端框架设计-准备课 一.预习笔记 1.标签 div/span/a/img/button 2.CSS 基础样式&#xff1a;width、height、id 文字样式&#xff1a;font-size/color/letter-spacing 背景样式: background/background-repeat 盒子样式: margin/padding/border 定位:position 3.J…

php伪协议 [SWPUCTF 2022 新生赛]ez_ez_php(revenge)

打开题目 题目源代码如下 <?php error_reporting(0); if (isset($_GET[file])) {if ( substr($_GET["file"], 0, 3) "php" ) {echo "Nice!!!";include($_GET["file"]);} else {echo "Hacker!!";} }else {highlight_fi…

ARM 版银河麒麟桌面系统下 Qt 开发环境搭建指南

目录 前言安装Linux ARM 版 QtCreator配置 Qt Creator配置构建套件 第一个麒麟 Qt 应用程序小结 前言 在上一篇文章信创ARM架构QT应用开发环境搭建中建议大家使用 Ubuntu X86 系统作为信创 ARM 架构 QT 应用的开发环境&#xff0c;里面使用了交叉编译的方式。这对于自己的 Qt …

2月26日,每日信息差

&#x1f396; 素材来源官方媒体/网络新闻 &#x1f384; 加拿大山猫航空倒闭&#xff0c;飞猪宣布保障已订票用户全额退款 &#x1f30d; 高通推出5G调制解调器及射频系统 利用集成式AI赋能下一代5G体验 &#x1f30b; 苏宁易购全民焕新节启动&#xff0c;超200家门店焕新开业…