首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将VSCode设置为将括号放在同一行上?

要将VSCode设置为将括号放在同一行上,可以按照以下步骤进行操作:

  1. 打开VSCode编辑器。
  2. 点击左侧的扩展图标(四个方块组成的图标)。
  3. 在搜索框中输入"Bracket Pair Colorizer",并点击安装该扩展。
  4. 安装完成后,点击左侧的设置图标(齿轮形状的图标)。
  5. 在搜索框中输入"bracket pair colorizer",找到"Bracket Pair Colorizer: Color Mode"选项。
  6. 将"Bracket Pair Colorizer: Color Mode"选项设置为"Independent"。
  7. 在搜索框中输入"editor",找到"Editor: Render Indent Guides"选项。
  8. 将"Editor: Render Indent Guides"选项设置为"false"。
  9. 在搜索框中输入"bracket",找到"Editor: Brackets"选项。
  10. 将"Editor: Brackets"选项设置为"Same Line"。
  11. 关闭设置页面。

完成以上步骤后,VSCode将会将括号放在同一行上显示。

这种设置方式适用于前端开发、后端开发等各类编程语言的开发过程中。在编写代码时,将括号放在同一行上可以提高代码的可读性和整洁度。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

非常好用的 VS Code 插件推荐

vscode 插件 Rainbow Brackets 编码过程中,尤其在我们使用js进行函数式编程时,代码里会有很多的花括号,想要保证它们对称十分困难,所以就出现了上面小粉同学的尴尬局面,相信很多人都遇到过类似的情况...Rainbow Brackets,可以将同一对花括号给定相同的颜色,可以一眼就看出配对的两个花括号。...GitLens GitLens可以显示每一代码的作者,提交时间,以及commit信息,在想要知道哪行代码是谁改动的时候非常的实用。 ? 把鼠标移到这条提示,会弹出更详细的描述, ?...Settings Sync Settings Sync 提供了同步个人设置的功能,当我们需要换电脑进行开发时,比如回家用自己的电脑,或者换了新的电脑,该插件可以帮你同步之前做的设置,不需要在每台电脑都重新设置一次...---- ---- 如何分享插件 分享插件,除了插件名字告诉你的小伙伴,当然还有其他的办法了! 可以在项目的 .vscode 目录下创建文件 extensions.json。

1.4K20

没有用过这些插件,别说你在用vscode

小粉 说了你不许笑我蠢,,, 找了半个小时, 居然因为少写了一个括号小黑 哈哈哈 小粉 你还笑,这效率, 看来今晚又要加班了o(╥﹏╥)o 小黑 别苦着脸了,试试这几个vscode插件, 保证你开发效率提上来...小粉 真的吗,我看看... ... ---- vscode 插件 Rainbow Brackets 编码过程中,尤其在我们使用js进行函数式编程时,代码里会有很多的花括号,想要保证它们对称十分困难...Rainbow Brackets,可以将同一对花括号给定相同的颜色,可以一眼就看出配对的两个花括号。...Settings Sync Settings Sync 提供了同步个人设置的功能,当我们需要换电脑进行开发时,比如回家用自己的电脑,或者换了新的电脑,该插件可以帮你同步之前做的设置,不需要在每台电脑都重新设置一次...---- 如何分享插件 分享插件,除了插件名字告诉你的小伙伴,当然还有其他的办法了! 可以在项目的 .vscode 目录下创建文件 extensions.json。

1.8K10

01.GO基础知识(幼儿园级别教程 )

2016年:Go语言成为GitHub最受欢迎的编程语言之一。2020年:Go语言的最新版本Go 1.15发布。在中国,Go语言的发展也非常迅速。...设置环境变量GOROOT 是 Go 语言的安装目录,它指向你的 Go 语言安装的根目录。GOPATH 是你的工作区目录,用于存放 Go 语言的源码文件以及安装的第三方包。...常见错误4.VSCode配置下载GO插件2. 集成 Code Runner插件3....,不能把多余的语句写在同一个,否则报错(6)定义的变量或者import 的包如果没有使用到,代码就不能通过编译(7)大括号都是成对出现5.4 代码风格(1)注意缩进(2)括号要成对(3)运算符两边加空白...(4)注释:推荐注释/*多行注释*/// 注释(5)不能把大括号改变格式func main(){// 这里不能换行 // 这样的大括号是有问题的 }(6)一不超过80个字符,超过的话使用加号var

23520

把你的 VS Code 打造成 C++ 开发利器

本文虽以 C++引,但在 python、php、java 等中后台语言方面支持也很强大,对 js、css 等前端技术支持更加厉害。...下载安装包 去 VSCode 官网 下载 windows 版本即可,安装时记得勾选 VSCode 添加至右键菜单选项,最好下面的勾全部勾上。...以防你误切 master 分支 需要在 User Setting 加一配置:【】里是你想提醒的分支     "branchwarnings.protectedBranches": [ "master...括号着色 例如上图中if有多重括号,分别用蓝色和黄色标记,这样很容易看出代码有没有遗漏括号 (7) 展示对齐层级深度 安装Indenticator插件,会将同一级的深度用竖线对齐展示,这样很容易看出来块结构..."workbench.sideBar.location": "right", 控制栏sidebar移动到右侧 (9) 移动全局搜索框的位置 vscode 老版本的全局搜索框是放在 sidebar 的,

12.6K53

27 个提升开发幸福度的 VsCode 插件

如果你正在寻找更多的好用的 VsCode 工具,那么这篇或许能够帮助你。以下是 2019年 JS 开发者提供的26个不可思议的VSCode工具。 1....请注意这三个border tests是如何将它们的值用单引号括起来的:border: '1px solid red'。...Settings Sync vscode上有各种各样不同的插件,如果要在不同的电脑使用 vscode 配置是件比较麻烦的事情,使用 Settings Sync vscode 配置备份起来,当需要在其他电脑使用...咱们只需要一个 GitHub 帐户,并且每次要保存配置(包括按键绑定,代码片段,扩展名等)时,只需按SHIFT + ALT + U私有设置上传到 GitHub 帐户即可。...要使用它,光标放在想要对齐的代码中,使用CTRL + SHIFT + P打开命令面板(或者使用自定义快捷方式打开命令面板),然后调用Align 命令。 ? 21.

2K30

第06步《前端篇》第2章打造游戏界面第1课

学习目标 学会在Canvas绘制文本的方法; 学会安装VSCode及需要的插件,例如Live Server; 设置VSCode字体、文件自动保存、及Tab Size2; 学习使用HTML标签(例如canvas...主要知识点/技能点 VSCode的font family设置"Source Code Pro", Consolas, "Times New Roman", SimSun,第一个“Source Code...CSS语法分两部分,花括号外面是选择器,代表对谁应用样式描述;花括号里面是样式描述代码,每组样式都是成对出现的,冒号(:)前面是样式名,后面是样式值。 在JS代码中,等号代表赋值。...单行注释以两个斜杠(//)开头,放在代码上方。如果注释内容不多,也可以把注释放在行尾。...如果想让文本居中绘制,可以textBaseLine设置middle。

1K20

前端开发技术(vscode怎么下载)

再也不用折腾环境了,使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。...Rainbow Brackets 括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。...以下是Project Manager提供的一些功能: 任何项目保存为收藏夹 自动检测VSCode,GIT中,水银或SVN存放区 在相同或新窗口中打开项目 识别已删除/重命名的项目 一个状态栏标识当前项目...单击树中的TODO打开文件并将光标放在包含TODO的。 找到的TODO也可以在打开的文件中突出显示。 VScode主题集合 Night Owl 一个非常适合夜猫子的 VS Code 主题。...支持Windows,macOS和Linux的project.json和csproj项目。 CodeMetrics 计算TypeScript / JavaScript文件的复杂性。

2.4K20

vscode代码整理插件_vscode安装离线插件

,更容易看) 代码括号颜色会对应,更容易看 Easy LESS(less语法) 配置说明: 在vsCode中使用Less方法: 在vsCode插件管理搜索插件 Easy LESS安装,(..."sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件 "out": true, // 是否输出css文件,false不输出...因为使用了一些折敏感型的渲染器(如GitHub comment)而按照markdown文本样式进行折 "prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号..., "terminal.integrated.automationShell.linux": "" // 不让prettier使用tslint的代码格式进行校验 ///报错的话,检查一下有没有用逗号与一项设置分隔...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站立刻删除。

1.5K30

Visual Studio Code(CS code)你们都在用吗?或许你们需要看一下这篇博文

再也不用折腾环境了, 使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。 ?...9.Rainbow Brackets 括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。 效果如下: ?...以下是Project Manager提供的一些功能: 任何项目保存为收藏夹 自动检测VSCode,GIT中,水银或SVN存放区 在相同或新窗口中打开项目 识别已删除/重命名的项目 一个状态栏标识当前项目...单击树中的TODO打开文件并将光标放在包含TODO的。 找到的TODO也可以在打开的文件中突出显示。 ?...支持Windows,macOS和Linux的project.json和csproj项目。 2.CodeMetrics 计算TypeScript / JavaScript文件的复杂性。

2.9K20

vscode html注释快捷键_宇宙最强vscode教程(基础篇)

本文主要介绍vscode在工作中常用的快捷键及插件,目标在于提高工作效率 本文的快捷键是基于mac的,windows下的快捷键放在括号里 Cmd+Shift+P(win Ctrl+Shift+P)...在命令行中使用vscode 如果你是 Windows用户,安装并重启系统后,你就可以在命令行中使用 code 或者 code-insiders了,如果你希望立刻而不是等待重启后使用,可以 VS Code...就会在新窗口中打开该文件夹 如果你希望在已经打开的窗口打开文件,可以使用-r参数 vscode命令还有其他功能,比如文件比较,打开文件跳转到指定的和列,如有需要自行百度:bowing_woman:...注意: 在继续看文章之前记住记住打开命令面板的快捷键Cmd+shift+P(win下是Ctrl+shift+p) 一、代码编辑 windows下的快捷键放在括号里 光标的移动 基础 移动到首...多行代码合并为一,Cmd+J(win下未绑定) 排序,代码按照字母顺序进行排序,无快捷键,调出命令面板,输入按升序排序或者按降序排序 四、多光标特性 使用鼠标: 按住Option(

2.3K30

你的代码好看吗

在 Github 已达 31.4k star,如果你还不知道它的话就太可惜了。...这里已vscode例进行说明,下面的配置是我自己的对于HTML/CSS/JS/LESS文件的prettier格式化规则: { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter...因为使用了一些折敏感型的渲染器(如GitHub comment)而按照markdown文本样式进行折 "prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号...avoid:省略括号 "prettier.bracketSpacing": true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }" "prettier.disableLanguages...相信每个在vscode编写vue的都会下载 Vetur 插件,它目前是 vscode 上面最好用的一款vue插件。现在要说的是,如何使用prettier格式化vue的代码。

1.3K20

是时候提高你的编码效率了【VSCode篇】

俗话说得好,工欲善其事必先利其器,要想工作效率高,码代码的工具用的好是必须的,这里主要说一下 Mac VScode 的快捷键,帮助大家快速搭建良好的开发工具。...HTML 标签 Auto Import - 自动 import 插件 Auto Rename Tag - 修改 HTML 标签时,自动修改匹配的标签 Bracket Pair Colorizer - 给括号前后进行着色...使用 cmd+shift+P所有所有打开用户设置,在设置的 json 中修改编辑器内置的格式,以下是个人的一些修改,其中包括一些 eslint、prettier、vetur 和编辑器的设置,不喜欢的可以自行...,可以实际操作一下 左中右 3 个编辑器的快捷键 Cmd+1 Cmd+2 Cmd+3,在使用上面的分界面操作之后会用到 关闭打开资源管理器 Cmd+B,也就是侧边栏 切换同一编辑器不同的标签页:control...+Down 在当前行下边插入一:Cmd+Enter 在当前行上方插入一:Cmd+Shift+Enter 删除当前行:Cmd+Shift+K 光标相关 跳到当前行的头部,尾部:Fn+←(Cmd+←),

1.3K10

常用的一些vscode前端插件

记录一下常用的几个前端插件 1 Bracket Pair Colorizer 代码中的括号 {[()]} 添上一抹亮色,这样找对应括号时会简单很多,可以使代码阅读更加方便。...安装后需要进行格式化参数的配置: VSCode左下角的设置图标–》设置–》输入框中搜索settings,随便点一个 /* prettier的配置 */ "prettier.printWidth...{} 箭头函数参数只有一个时是否要有小括号。..."terminal.integrated.automationShell.linux": "" // 不让prettier使用tslint的代码格式进行校验 ///报错的话,检查一下有没有用逗号与一项设置分隔...history 13 git blame 可以快速的查看某一最近的一次修改是谁、什么时候、哪次提交修改的 14 Open-In-Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面

1.9K30

VSCode安装使用(Python)

推介个插件,vscode-icons可以使VScode左侧的资源管理器根据文件类型显示图标 三、配置flake8 安装flake8之后写代码的时候编辑器就会提示哪里出错,代码格式不规范也会提示 打开命令行...输入 "pip install flake8" 安装flake8成功后,打开VScode,文件->首选项->用户设置,在settings.json文件中输入"python.linting.flake8Enabled...,在函数名或者类名按F12也可以实现同样功能 2、更改变量名 在变量名按F2即可实现重命名变量 3、python断点调试 在行号的左边点击即可设置断点,在左边的调试界面可以查看变量的变化 4、隐藏菜单栏...需要菜单栏的时候按Alt键即可查看 5、设置快捷键 文件->首选项->键盘快捷方式,需要的修改的快捷键的整个大括号里面的内容复制到右边keybindings.json文件中,然后修改“key”的值你需要的快捷键即可...我这边只修改了复制一和删除一的快捷键。

1.5K20

如何使用Visual Studio Code开发Django项目

global] index-url = http://mirrors.aliyun.com/pypi/simple/ [install] trusted-host = mirrors.aliyun.com 如何将...推荐vscode界面语言配置成英文,方式vscode窗口中按下 Ctrl + Shift + P,输入 语言,选择配置语言,再打开的配置文件中,locale设置en-US ?...用户级别的设置可以理解全局设置,其中的设置对任一vscode实例都生效。工作区级别的设置则仅针对当前项目生效,配置文件存放在项目的 .vscode 文件夹中。...tempdjango_demo,并当前目录切换到该文件夹 在项目文件夹中使用virtualenv env 创建env文件夹 创建 requirements.txt 文件,文件中添加以下内容,pylintpython...之后我们可以在此基础继续项目开发。 ?

3.9K53

visual studio code使用教程_visual studio code 权威指南 pdf

一些建议 附录 既然你点开了这个页面,那就说明要么你不知道 VSCode 已有拓展「C/C++ Snippets」,要么你对这个拓展不甚满意。...对于后者,本文将为你介绍如何在 VSCode 设置 snippets,并为你提供一套可以直接用的 C 语言 snippets。 1....以 C 语言例,选中后你打开一个设置文件,c.json,在文件头部你会看见一个注释,这其实是一个示例和对它的介绍。...你可以试着第 7~14 反注释掉(选中后 Ctrl + “/”),从而尝试使用它。了解过「json」就不会对此感到奇怪。...3.2 Prefix 部分 前缀部分没有什么好介绍的,唯一值得注意的是,前缀支持 N:1,也即允许多条前缀对应同一条代码片。在使用时,只需将前缀定义数组即可,数组中的每一个前缀都能对应本代码片。

11K61

「解放双手」老舅教你VS Code Disco

,开启新的一代码 Command + Enter 光标移动到当前行的下面一,开启新的一代码 Option + 上下方向键 当前行,或者当前选中的几行代码,在编辑器里上下移动 Shift + option...Command + 左右方向键 以首行尾单位移动光标 Command + 上下方向键 以文档第一和最后一单位移动光标 Command + Shift + \ 以花括号为单位移动光标 Option...Command + D 光标处于需要创建多光标的单词处,按Command + D、Command + D、Command + D……即可实现在同一单词处添加光标 Option + Shift + I...的断点到 Chrome Debugger for Chrome 路径自动提示补全 Path Intellisense 弥补VSCode原生git不足 GitLens 渲染颜色到代码下 vscode-pigments...代码缩进提供颜色的提示 Indent Rainbow npm的包最终导致项目的增加量 Import Cost 花括号单独配色 Rainbow Brackets 项目管理器,多项目开发者福音 Project

1.2K30
领券