vscode使用stylus插件时，代码自动保存时格式加上分号和括号

最新推荐文章于 2023-05-15 15:22:10 发布
原创 最新推荐文章于 2023-05-15 15:22:10 发布 · 1.7k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端

当前文章被收录于：

前端
16 篇文章 0 人学习

html+css+js

订阅专栏 查看详情
本文介绍如何通过调整VSCode中的Stylus插件设置来避免自动保存时添加不必要的分号、括号等符号。通过在settings.json文件中进行简单配置，可以有效改善代码格式。

AI 驱动代码审查实战

Claude code-review 插件深度解析，把 AI 智能审查接进 CI/CD 流水线

一键订阅

问题：vscode使用stylus插件时，代码自动保存时格式加上分号和括号

解决方法：

首先在插件商店安装插件language-stylus 

然后在设置中找到settings.json文件并打开，在该文件中添加以下代码

  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分好
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行

最后，再保存代码就正常现实了。

AI 驱动代码审查实战

Claude code-review 插件深度解析，把 AI 智能审查接进 CI/CD 流水线

一键订阅
标签
#css #前端 #stylus
详解Agent Skills：让AI拥有更多专业能力（什么是Agent Skills？如何创建？如何使用？如何获取？）
最新发布
XiaoqiangClub的博客
01-19 1222
本文分享如何将零散指令沉淀为可复用的 AI 能力模块🧩，介绍什么是Agent Skills？如何创建？如何获取？📚
uniapp(全端兼容) - 最新详细实现接入腾讯视频播放器功能插件，uniapp全平台端（小程序/H5网页/App/nvu）调用引入并使用腾讯视频播放组件完整全流程（详细示例源码，一键复制开箱即用）
✅ 精选推荐文章
05-15 1万+
uniapp腾讯视频，uniapp微信小程序腾讯视频，uniapp小程序接入腾讯视频详细示例教程源码，uniapp怎么在微信小程序平台使用腾讯视频插件，在uni-app中使用腾讯视频插件播放视频，uniapp调用腾讯视频，uniapp引入腾讯视频插件，uniapp小程序中引入腾讯视频无法播放，uniapp微信小程序平台引入腾讯视频播放不了黑屏，在uniapp开发的微信小程序中使用腾讯视频，uniapp如何引入腾讯视频插件播放视频，uni-app小程序平台引入腾讯视频插件播放腾讯视频，uniapp 小程序接入
VSCode - 保存vue文件自动格式化 添加；分号 的问题
记录项目交付的日常
10-09 2787
vscode 保存文件后自动加了；在项目根目录下创建文件.prettierrc.json，写入命令
vscode-stylus-supremacy:功能强大的Visual Studio Code扩展，可帮助格式化手写笔文件
05-24
手写笔至尊扩展名有助于格式化文件。 它由具有相同名称并由同一开发人员开发的Node.js模块提供支持。 有关功能和设置，请访问
VSCODE 设置自动补全括号
gxt_kt的博客
02-11 1万+
VSCODE 设置自动补全括号 想要vscode 打左括号自动补右括号 打开设置，搜索autoClosingBrackets 将never更改成自己需要的就可以了 我自己的习惯是这样的
Stylus 学习了解，Stylus ，CSS 和 SCSS 区别
immersed_的博客
10-18 568
Stylus 学习了解，Stylus ，CSS 和 SCSS 区别
vscode中使用stylus预处理器时格式化css文件需要的配置
qq_45560350的博客
11-25 1434
1.安装Manta’s Stylus Supremacy扩展插件 2.在settings.json文件中添加配置 // 格式化stylus, 需安装Manta's Stylus Supremacy插件 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否
VSCode Bracket Pair Colorizer 2插件 为代码中的括号添加颜色标识
Leo ICer的博客
08-17 4241
VSCode 提供了一款插件Bracket Pair Colorizer 2，可以自动找到对应括号并用颜色标识出来。效果：不同层次括号，出现以不同颜色区分。点击下面红圈开始使用。
vscode格式化代码(绝对好用，亲测)
热门推荐
weixin_43303455的博客
08-19 5万+
本人参考了二者的部分内容，进行了结合总结，感谢二位 第一位：地址太长，就不直接写地址了 第二位：地址太长，就不直接写地址了 下载对应插件,可以观测到哪里不规范 1：代码格式化为eslint风格 2：HTML格式化代码缩进 此时可以看到代码哪里不规范，哪里有红线 网络上说1：alt+shit+f可以格式化代码:2：直接ctrl+s保存后就自动格式化代码，本人测试后发现有些问题(多逗号，分号等的东西)，可能是我还缺啥配置导致快捷键不太好用吧。于是我增加了一些配置，支持了2:ctrl+s后自动格式化代码 增加
vscode代码整理自动_vsCode自动格式化文档 Ctrl+S自动格式化代码
weixin_33643798的博客
01-30 2852
无需安装插件，文件 > 首选项 > 设置 点击右上角(如下图) 按钮打开 VSCode 配置文件微信图片_20201012151936.png2.添加如下代码// #每次保存的时候自动格式化"editor.formatOnSave": true,完成在网上看过比较多的设置可借鉴{"editor.quickSuggestions": {//开启自动显示建议"other": tru...
VSCode 设置vue 保存自动格式化代码
会写Bug的攻城狮
10-14 3180
设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCodeeslint插件 如下配置setting.json文件： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将...
非常好用vscode配置,自动格式化代码
javaStudentZhang的博客
06-11 1万+
vscode : 文件->首选项->设置->打开json配置 添加下面的json,安装相应插件 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "edi...
VsCode 配置Eslint格式化代码（vue）
wozhenhaokan的博客
10-21 6126
从webstorm转战到VsCode第一天，简洁！ 然后开始在网上找配置，vue配置eslint的相关文章很多，经过尝试，百度第一页内容都对我的VsCode不生效，很苦恼，怎么办，继续找，功夫不负有心人，当我把那段有灵性的代码复制到setting中时，我就觉的我要成功了。下面我把vue中如何使用eslint并自动修复错误贴出来 1，下载eslint和vetur 2，打开（文件 ...
vscode setting设置 自动保存时整理代码
DavidFFFFFF的博客
01-14 1577
{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "...
VSCode 使用 ESLint 自动格式化规范代码
yssa1125001的博客
07-12 3386
话不多说，直接上图： 设置内容并保存（别忘了先提前安装相关组件）： { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复..
Vue之代码自动格式化
09-24 3175
用vscode写vue程序，实现代码的自动格式化。 首先安装插件： 然后进行配置： 依次点击顺序： File----》Preferences----》Settings 然后切换到文本格式，最后拷贝下面的内容 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "e..
vscode设置python代码补全时函数自动加上小括号
alexander068的专栏
01-30 4495
vscode的python代码补全插件默认安装时是不会自动补全括号的，感觉不是和方便 以下介绍下自动补上小括号的方法 可能部分同学设置了还是没有用，具体原因暂时不清楚 1.打开设置界面 2.点击大括号setting.json图标，如下图 3.搜索配置项python.autoComplete.addBrackets 4.修改值为true 注意：点击小笔按钮修改，左边面板是不能修改的，改完后会在用户设置中添加改字段 5.效果展示 ...
关于vscode前端箭头函数单一变量自动保存加括号问题的解决
qq_43110138的博客
09-22 2022
【代码】关于vscode前端箭头函数单一变量自动保存加括号问题的解决。
解决VSCode中使用vetur插件格式化vue文件时，代码会自动补填加上冒号和分号，在使用Eslint代码规范的时候编译警告
CSDN for recording problems
07-31 2778
找到插件配置扩展设置 找到 Vetur › Format › Default Formatter: JS 将默认值 prettier 修改为 vscode-typescript 即可
vscode保存自动格式化加双引号,逗号和分号等,导致ESLint报错,解决方法
wsd000726的博客
10-23 7368
报错的原因是因为eslint保存格式化和vscode所配置的格式化冲突所导致. 解决方法:在vscode设置的settings.json文件中的这行代码注释或者删除就行了,他就不会保存自动加分号和双引号之类的了,保存格式化也会按照eslint配置的来执行 VSCode中使用vetur插件格式化vue文件时，js代码会自动加上冒号和分号 所以ESLint和vetur会发生冲突 解决方法在vscode的sttings.json中加上 "vetur.format.defaultFormatter..
VsCode 好用插件介绍及安装
坚定的走
02-10 2315
https://segmentfault.com/a/1190000019203847 Vetur 插件文档地址：https://marketplace.visualstudio.com/items?itemName=octref.vetur Vetur不用说了吧，开发Vue必装的一个插件 未安装之前vue文件显示这样的 安装完成后显示这样的，看着舒服多了 Vue 2 Snippets ...
YESENSE YIS Manager v2.1.zip
"YESENSE YIS Manager v2.1.zip" 是一个软件包，主要针对YESENSE公司的YIS（可能代表YESENSE智能系统）提供管理功能。这个版本是2.1，意味着它是经过至少两次更新的成熟产品。从提供的文件列表来看，我们可以分析出该软件依赖的一些关键组件和库，这些对于理解其运行环境和功能至关重要。我们看到多个以“Qt5”开头的动态链接库（DLL）文件，如Qt5Gui.dll、Qt5Core.dll和Qt5Widgets.dll。这表明该软件基于Qt框架开发。Qt是一个跨平台的应用程序开发框架，广泛用于创建图形用户界面和其他软件。Qt5是Qt的第五个主要版本，包含了丰富的类库和工具，支持C++和QML语言，用于构建高效、美观的桌面和移动应用程序。- Qt5Gui.dll是图形用户界面模块，负责处理图形渲染、颜色管理、图像处理等任务。- Qt5Core.dll是核心库，包含了事件循环、线程支持、内存管理、文件系统访问等基础功能。- Qt5Widgets.dll提供了各种GUI小部件，如按钮、文本框、菜单等，用于构建用户界面。接下来，opengl32sw.dll是OpenGL的软件渲染器，用于在不支持硬件加速的环境中提供图形渲染。这意味着YIS Manager可能包含一些图形密集型功能，或者至少为低配硬件提供了兼容性。D3Dcompiler_47.dll是Direct3D编译器，由微软提供，用于将高级着色语言（HLSL）转换为可执行的图形代码。这表明软件可能利用了Direct3D进行图形处理，通常与游戏或3D应用相关。libGLESV2.dll是OpenGL ES（Embedded Systems）2.0的库，是用于嵌入式设备和移动设备的图形API。这进一步证实了软件对不同图形环境的支持。Qt5DataVisualization.dll是Qt的数据可视化模块，提供2D和3D图表、曲线图等数据展示功能，适用于数据分析和可视化。Qt5Svg.dll支持SVG（Scalable Vector Graphics）格式，允许软件处理矢量图形，用于创建高质量的图形显示。Qt5PrintSupport.dll则涉及打印支持，使得用户能够方便地打印软件中的内容。Qt5SerialPort.dll意味着软件具备串行通信能力，可以连接到使用串行端口的设备，如传感器、PLC或其他数据采集设备，这在工业控制和物联网应用中非常常见。YESENSE YIS Manager v2.1是一款基于Qt框架开发的上位机软件，具备图形界面、图形渲染（包括OpenGL和Direct3D）、数据可视化、打印功能以及串行通信能力，特别适合于需要进行设备控制、数据交互和图形展示的场合，如工业自动化、监控系统或数据分析平台。
日立全系列电机：各种用途及尺寸.rar
日立全系列电机：各种用途及尺寸rar,日立全系列电机：各种用途及尺寸
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值