vsCode禁止大写PX转换为小写px

最新推荐文章于 2024-05-13 09:07:06 发布
最新推荐文章于 2024-05-13 09:07:06 发布
阅读量3.7k 收藏 1
点赞数 1
分类专栏： css 文章标签： vscode vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sq66666666/article/details/120895398
版权

之所以会出现大写px自动转换为小写px的原因大部分是因为装了代码美化插件

接下来！！！！

在vsCode的settings.json里面添加如下代码

  "vetur.format.defaultFormatter.css": "none",
  "vetur.format.defaultFormatter.scss": "none",
  "vetur.format.defaultFormatter.less": "none",
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },

然后保存就可以了

另外去掉vsCode讨厌的底部蓝色状态栏

  "workbench.colorCustomizations": {
    "statusBar.background": "#1A1A1A",
    "statusBar.noFolderBackground": "#0A0A0D",
    "statusBar.debuggingBackground": "#511f1f"
  },
Knight_SQ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS实现自动变为大写的自适应漂亮菜单效果
09-24
2. `capitalize`：每个单词的第一个字母转换为大写，其余字母小写。 3. `uppercase`：所有字母转换为大写。 4. `lowercase`：所有字母转换为小写。 在这个实例中，我们使用`text-transform: uppercase;`将菜单中的...
在asp.net中把输入的金额转换为大写输出在lable标签中
05-08
ForeColor="Blue" Height="29px" Text="把小写金额转换为大写" Width="154px" onclick="btnChange_Click" /> <asp:Button ID="btnShanChu" runat="server" Font-Bold="True" Height="29px" onclick=...
css的像素单位PX或Px
qq_40511157的博客
11-06 2673
PX和Px的用途 如果你希望部分 px 单位不被转换成 rpx 或者 rem ，最简单的做法就是在 px 单位中增加一个大写字母，例如 Px 或者 PX 这样，则会被转换插件忽略。如： /* `px` is converted to `rem` */ .convert { font-size: 16px; // converted to 1rem } /* `Px` or `PX` is...
【VSCode】 使用 Prettier 插件格式代码时 如何避免将 大写PX 转为 小写px
最新发布
工作中遇到问题记录
05-13 225
【VSCode】 使用 Prettier 插件格式代码时 如何避免将 大写PX 转为 小写px
关于vetur自动将PX转成小写px的问题记录
weixin_44718291的博客
03-02 1467
我们在项目中做屏幕自适应的时候，难免要用到 postcss-px2rem 它会将我们样式中的px全部转成rem（包括style里面，less，sass，scss），但是使用过程中，有些样式中的px我们是不想让它转的。 .ant-menu-inline-collapsed { width: 80px; /*no*/ } 后面加/no/ 就可以使postcss-px2rem不去转这个值，很小的一个改动，却很有用，记录一下，方便大家的使用。 ...
VScode禁止格式化时大写PX转换为小写px
細水、長流√的专栏
02-28 733
vscode Px
vscode正则替换：大写改小写
字节叔叔
11-09 2985
在vscode中按照一定的规则，将某个字母大写改成小写。例如：将wms开头的后面一个字母由大写改成小写。解释：\L 大写字母转小写, \U 小写字母转大写, $1为正则匹配的第一项。
postcss-pxtorem 不想自动转换单位
一片天空
07-21 1607
postcss-pxtorem 不想自动转换单位
vscode 设置提示 @ 路径 和 ~@ 路径 和 使用 prettier 一直把大写的PX转换成小写解决办法
PBitW的博客
05-17 1662
vscode 设置提示 @ 路径 和 ~@ 路径 vscode 使用 prettier 一直把大写的PX转换成小写解决办法
JS实现数字字母混合验证码(数字+大写字母+小写字母)
01-08
`getRandomInt`函数用于生成指定范围内的随机整数，`getRandomText`函数则根据随机生成的整数（1-3）来确定生成数字、大写字母还是小写字母，并利用`String.fromCharCode`将ASCII码转换为字符。 为了使验证码更具...
css样式代码之间用小写分号隔开结束CSS属性.docx
11-22
在Dreamweaver中，错误的分号可能会被标记为不同的颜色或样式，如蓝色的大写分号，以提醒开发者注意。 使用错误的分号可能会导致以下问题： - 如果一个属性声明后面没有分号，那么浏览器可能会将下一个属性视为...
SVG基本图形元素.pdf
08-05
- `M` 或 `m`：移动到指定点，大写字母表示绝对坐标，小写字母表示相对于当前点的相对坐标。 - `L` 或 `l`：画直线到指定点，规则同上。 2. 曲线类指令： - `C` 或 `c`：三次贝塞尔曲线，需要提供控制点和结束点...
VSCode中设置大小写转换的快捷键
wuyujin1997的博客
04-17 1万+
intro 转换大小写是文本编辑中一个很常用的操作。 而VSCode中默认是没有绑定该功能的快捷键的，需要自己绑定。 两种方法：UI操作和配置修改，以下为UI操作。 UI操作 打开快捷键映射(两种方法) 快捷键Ctrl+K Ctrl+S 或：左下角Manage -> Keyboard Shortcuts。 好了，Keyboard Shortcuts页面打开了： 设置转换大小写的快...
Taro+react开发（88):大写px 控制样式
歌谣的博客
09-22 257
Vue2.0中关于px转换rem
無的博客
08-18 1305
利用vue-cli创建项目，保证index.html中 &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; 首先要转换要依赖于 px2rem-loader和lib-flexible模块 npm i px2rem-loader lib-flexible -D 然后去main.js中引入 ...
VS Code中设置大小写转换功能
头名字W的博客
09-10 1万+
VS Code 中没有像webstrom中的大小写的快捷键的设置，要实现这样的功能只能进行设置： 在vscode左下角的设置选项中，选中键盘快捷键一项，然后在搜索栏下面打开keybings.json的链接，修改keybings.json 添加配置 // Place your key bindings in this file to overwrite the defaults [ { ...
vscode 保存时自动格式化出问题 解决的三种办法
热门推荐
随风前行的博客
11-14 4万+
最近vscode出现了保存时自动加分号的问题（配置并不是如此），出现这样的问题多半是因为 route 这个插件更新造成的，应做以下配置： 方法一1.在项目中的 .vscode文件夹下创建formatter.json文件(该文件是用来配置JS-CSS-HTML Formatter的) 2.在里面写下你要的配置，如：{ "onSave": true, "javascript": { "
代码生成：ry完成： 1.上下两个输入框，下面一个验证按钮 2.输入框获得焦点时改变输入框背景色（颜色自定义），失去焦点后恢复原颜色。 3.密码由数字和大写字母和小写字母三种中至少二种组成，长度为6至10位， 4.密码输入后以“*”号显示， 5.输入完成后输入框失去焦点时，用正则表达式进行判断密码形式是否满足要求，输入有误时在输入框后面显示输入密码类型或长度错误。 6.从二个文本框中输入密码一致时，用警告框提示验证通过，否则提示不通过； 7.验证三次密码不一致时，验证按钮禁用3分钟，3分钟之后解除禁止。
06-09
以下是代码实现： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>密码验证</title> <style> input { margin: 10px; padding: 5px; border: 2px solid #ccc; border-radius: 5px; outline: none; transition: border-color 0.3s; } input:focus { border-color: #007bff; background-color: #f0f8ff; } #error { color: red; margin-left: 10px; font-size: small; } </style> </head> <body> <div> <label for="password1">密码：</label> <input type="password" id="password1" maxlength="10" placeholder="请输入密码"> </div> <div> <label for="password2">确认密码：</label> <input type="password" id="password2" maxlength="10" placeholder="请再次输入密码"> </div> <button id="verifyBtn">验证</button> <div id="error"></div> <script> let password1 = document.getElementById('password1'); let password2 = document.getElementById('password2'); let verifyBtn = document.getElementById('verifyBtn'); let error = document.getElementById('error'); let count = 0; // 验证密码 function verifyPassword() { let password1Value = password1.value.trim(); let password2Value = password2.value.trim(); // 判断密码是否一致 if (password1Value !== password2Value) { error.textContent = '两次输入的密码不一致'; return false; } // 判断密码是否符合要求 let pattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,10}$/; if (!pattern.test(password1Value)) { error.textContent = '密码必须由数字和大写字母和小写字母三种中至少二种组成，长度为6至10位'; return false; } error.textContent = ''; return true; } // 监听输入框失去焦点事件 password1.addEventListener('blur', function() { verifyPassword(); }); password2.addEventListener('blur', function() { verifyPassword(); }); // 监听验证按钮点击事件 verifyBtn.addEventListener('click', function() { if (verifyPassword()) { alert('验证通过'); } else { count++; if (count === 3) { verifyBtn.disabled = true; setTimeout(function() { verifyBtn.disabled = false; count = 0; }, 180000); } } }); </script> </body> </html> ``` 注意：本代码中的正则表达式只是一种简单的实现方式，不一定能够满足所有的密码要求。如果需要更为严格的密码要求，应该使用更加复杂的正则表达式或者其他的验证方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值