首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

30 个极大提高开发效率超级实用的 VSCode 插件

它允许你将在 VSCode 上自定义的几乎所有内容同步到 Github,从设置到键盘快捷键到其他 VSCode 插件。...通过研究公开共享的代码库,Tabnine 使用深度学习算法来预测你的需求,并提供一键代码完成功能,让你可以快速高效地完成项目。...Auto Rename Tag 自动重命名标签,虽然 VSCode 固有地突出显示匹配的标签并在你键入开始标签时立即添加结束标签,但自动重命名标签插件会自动重命名你更改的标签。...Todo Highlight使它们更加突出。 你可以切换突出显示,也可以列出所有突出显示的注释并从相应的文件中显示它们。 VSCode Icons 等等,不是每个人都喜欢图标吗?...Bookmarks 为你的代码添加书签,尽管 VSCode 有行号,但Bookmarks允许你在代码中添加书签,帮助你快速导航并轻松来回跳转。

3.5K30

Excel公式技巧27: 在条件格式中使用公式来突出显示单元格

学习Excel技术,关注微信公众号: excelperfect 条件格式与公式相配合,往往能够发挥很大的威力,其中之一就是用来突出显示单元格。如下图1所示,在“新建格式规则”对话框中: 1....选择“使用公式确定要设置格式的单元格” 2. 在“为符合此公式的值设置格式”框中输入适当的公式 3. 单击“格式”按钮,设置想要的格式。 ? 图1 本文以交替突出显示所选单元格区域颜色为例来讲解。...图5 如果要对奇数列设置格式,则使用公式: MOD(COLUMN(),2)=1 结果如下图6所示。 ? 图6 上面的示例每隔一行/列突出显示。...如果要求每隔一个单元格突出显示,如下图7所示,那么如何编写公式呢? ?...这样,可以使用公式: ISODD(ROW()+COLUMN()) 如果要求变换突出显示的单元格,可以使用公式: ISEVEN(ROW()+COLUMN()) 结果如下图8所示。 ? 图8

3K20

vim | 基础配置和使用

0 前言# 本文参考以下链接: 指尖飞舞: vscode + vim 高效开发 vim 备忘清单 一直憧憬 vim 的全键盘操作, 于是开始折腾将 obsidian 和 vscode 的编辑模式都转到...vim, obsidian 使用自带的 vim 模式加 vimrc 插件, vscode 使用 vim 插件 为了保持 obsidian, vscode, wsl 及 linux 中的 vim 习惯一致..., 我的 vim 使用理念: 尽量使用 vim 原生自带的功能, 拒绝任何三方插件 尽量使用各平台通用的 vimrc 配置 (除了 vscode 使用 setting.json) 1 vim 通用操作#...2 vscode 中的 vim# 下述功能源于 vscode vim 插件 2.1 easymotion# s | 可以快速向后查找 <leader...": true, // 突出显示与当前搜索匹配的所有文本 "vim.hlsearch": true, // 下列按键由 vscode 接管而不是 vim "vim.handleKeys": {

21810

VS Code 1.63 版本又带来哪些新特性?

可在 Windows、Linux 和 macOS 上下载使用。支持常见的脚本和编程语言,还可以通过安装扩展来获得更多语言和功能的支持。...主要更新内容 Marketplace 主题预览 - 无需安装即可试用颜色主题 配置问题导航顺序 - 按严重性或文件位置转到下一个错误或警告 在截屏模式下显示命令 - 显示命令名称和键盘快捷键 Notebook...改进 - 调整 Markdown 字体大小,更好的文件和 URL 链接支持 不可见的 Unicode 突出显示 - 突出显示不可见或易混淆的 Unicode 字符 TypeScript 方法补全 -...快速填充接口并覆盖方法 预发布的扩展 - 尽早尝试扩展新功能和修复 新的 Java 欢迎体验 - 帮助您在 VS Code 中配置和学习 Java vscode.dev 的更多扩展 - 包括 Code...运行在 vscode.dev 中

77220

如何使用vscode快速配置C语言环境(简单实用)

需要用到的工具: VSCode(Visual Studio Code) 一、首先打开官网链接,然后根据自己的电脑选择合适的安装程序进行下载。...二、在安装时默认点击下一步,最后记得勾选上添加path到系统变量里,方便鼠标右键直接用vscode打开相应文件。...安装vscode插件 这里推荐安装C/C++以及C/C++ Compile Run插件。如图: 安装好之后就开始我们的编译准备吧。...; return 0; } 由于没有进行vscode的C语言环境配置,所以会出现很多问题。这里就不一一阐述了,在工作目录的下建立一个.vscode的文件夹用于存储一些配置。...在我们刚刚写的c文件页面,按F6即可运行,运行结果如下: 另外,为了节省大家的时间,附上我打包的vscode以及mingw64和.vscode的地址,有问题欢迎在下方留言!

1.1K10

2023 最新最全 VSCode 插件推荐!

可以使用 VSCode React Refactor 快速重构代码,它会将 JSX 代码片段提取到新的类、组件中。此外,它还支持 TypeScript、TSX、常规函数、类和箭头函数。...当输入自定义组件的开始标签时,它会自动添加结束标签。 CSS Peek 使用该插件,可以直接从 HTML 和 JavaScript 文件快速导航和编辑外部样式表中定义的 CSS 样式。...此外,它还会突出显示代码树中的开始和结束标签。如果需要,可以自定义样式以使下划线更加突出。...Error Lens Error Lens 是一款把代码检查(错误、警告、语法问题)进行突出显示的插件。...Error Lens 通过使诊断更加突出,增强了语言的诊断功能,突出显示了由该语言生成的诊断所在的整行,并在代码行的位置以行方式在线打印了诊断消息。

2.8K30

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

但是你如果使用 Todo Highlighter(高亮),它会高亮的显示并让你容易看到这个注释。 它以明亮的颜色突出代码中的 “TODO/FIXME” 或代码任何其他注释,以便始终清晰可见。...我们还必须使用 JavaScript 标签进行编码。任何web开发人员都会告诉你,输入标签是一件痛苦的事情。在大多数情况下,我们需要一个能够快速、轻松地生成标签及其子标签的工具。...Emmet 是 VSCode 中一个很好的例子,然而,有时候,你只是想要一些简单明了的东西。例如自动更新标签,它在你输入开始标签时自动生成结束标签。...Indenticator(缩进指示器) 它在视觉上突出显示当前的缩进个数,因此,你可以轻松区分在不同级别缩进的各种代码块。 image.png 11....Breadcrumbs(面包屑) 编辑器的内容上方现在有一个被称为 Breadcrumbs 的导航栏,它显示你的当前位置,并允许在符号和文件之间快速导航。

6.4K30

【CSS】margin 外边距负值使用案例 ( 正常外边距 | 使用外边距负值实现边框重叠 | 重叠边框突出显示 )

: 三、重叠边框突出显示案例 ---- 1、使用相对定位 三种布局机制中 , 标准流在最底层 , 浮动盒子在中间层 , 定位盒子在最上层 ; 这里使用 定位 中的相对定位 , 相对定位仍然会占用原来的位置..., 元素还在原来的位置不动 ; 如果使用了绝对定位 , 原来的位置就会消失 , 元素默认显示在定位的父容器左上角 ; 代码示例 : <!.../* 设置上方 -1 像素外边距 */ margin-top: -1px; } /* 鼠标经过 div 盒子上方时 盒子的样式 */ div:hover { /* 突出显示的盒子设置红色边框...: 鼠标移动到盒子上方 , 突出显示的效果 : 2、使用 z-index 设置定位盒子层级 父元素相对定位 , 内部子元素可以使用绝对定位任意摆放位置 , 大部分盒子都有该要求 ; 如果将所有的盒子都设置相对定位...: 鼠标移动到盒子上方 , 突出显示的效果 :

1.2K20

emmet语法简介及在Vscode使用Emmet快速编辑代码

特别是手动编写 HTML 代码的时候,效率会特别低下,因为需要敲打很多尖括号,而且很多标签都需要闭合标签等。...VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码请注意在VsCode新版本中按Tab不再默认启用Emmet展开缩写!...二、基础用法1、元素(Elements)我们可以使用元素的名称,如div或p来生成HTML标签。Emmet没有一组可用的标签名称,可以写任何单词并将其转换为标签。...="submit">btn:r => 2、文本操作符(Text)如果想在生成元素的同时添加文本内容可以使用...绑定多个类名用.符号连续起来即可Copydiv.test1.test2.test3=>自定义属性使用

76930

emmet语法简介及在Vscode使用Emmet快速编辑代码

本身我们使用Emmet语法就是为了偷懒而不用写大量的重复性的HTML代码而来的。如果使用了那些过于复杂的Emmet语法。是不是我们就失去了一开始的偷懒的初心呢?虽然看起来很牛逼,但是没有必要。...所以,我仅在下面举例一些比较常用,和普通程序员可能用到的使用方式。如果有大佬想要了解那些高级用法。...可以去Emmet官网文档自行了解1.生成后代元素:>tag1>tag2表示在标签(元素)tag1内生成后代标签(元素)tag2ul>li>a>img1效果: ...2.生成兄弟元素:+tag1+tag2表示在标签(元素)tag1后生成兄弟标签(元素)tag2ul+li+a+img1效果: 8.生成编号:$$一般用在id名,类名,内容中;当只有一个$时,数字从1开始,当有多个$时,数字从0开始@n可以让数字从n开始$需搭配*使用

36220

Vscode进阶使用

Vscode基础配置及插件 基础介绍 这篇文章是对vscode的一些基础介绍跟推荐的插件 使用注意事项 有些快捷键不起作用,可能是跟某些软件冲突,可以把其他软件的设置不为全局,或者直接关闭 ctrl...+ , 无法使用快速修复,一般是输入法的问题,使用win10自带的是没问题的,其他输入法可能会有问题,如有问题可以使用 CTRL + shift 切换为系统默认英文键盘,就可以使用快速修复了,其他快捷键如果不能用也可以试试...有时候安装或使用软件会报一些莫名奇妙的错误,可能是由于默认输入法与软件不兼容,可以切换到默认英文键盘或者其他键盘 进阶使用 对于基础的使用熟悉了之后我们可以接触一些高级的用法,比如快捷键,配置项,使用这些功能可以极大的提高我们的效率...基础设置 显示隐藏右侧代码地图 ctrl + shift + p 进入命令面板, 输入 minimap 回车即可打开/关闭右侧代码地图 ?...ctrl + k + ctrl + j : 展开所有标签 更多快捷键可以使用 ctrl + k +ctrl + s 查看

1.1K31

提高 JavaScript 开发效率的高级VSCode扩展!

但是你如果使用 Todo Highlighter(高亮),它会高亮的显示并让你容易看到这个注释。 它以明亮的颜色突出代码中的 “TODO/FIXME” 或代码任何其他注释,以便始终清晰可见。...我们还必须使用 JavaScript 标签进行编码。任何web开发人员都会告诉你,输入标签是一件痛苦的事情。在大多数情况下,我们需要一个能够快速、轻松地生成标签及其子标签的工具。...Emmet 是 VSCode 中一个很好的例子,然而,有时候,你只是想要一些简单明了的东西。例如自动更新标签,它在你输入开始标签时自动生成结束标签。...Indenticator(缩进指示器) 它在视觉上突出显示当前的缩进个数,因此,你可以轻松区分在不同级别缩进的各种代码块。 ? ? VSCode Icons 使您的编辑更具吸引力的图标! ?...Prettier for VSCode — 一个代码格式化工具。 Bookmarks – 它可以帮助您在代码中导航,轻松快速地在重要位置之间移动。

2.5K50

vscode学习笔记

前言 最近vscode编辑器在前端程序员中使用越来越频繁了,既然大家都在用,说明它一定是香的,身为webstorm党,也得赶紧跟进潮流,这是我这几天学习vscode看过的文章和视频,大家把这些文章和视频看完....html) 史上最全vscode配置使用教程 [https://zhuanlan.zhihu.com/p/113222681) [vscode 函数没有引入提示_没有用过这些插件,别说你在用vscode...Indent Rainbow:对不同对的大括号显示不同背景颜色的区分(个人不太喜欢凌乱,没有使用) prettier:代码自动格式化,配置保存自动格式化 chinese:显示中文 Auto Rename...htmlhint:html标签嵌套错误提示 vscode-icons:文件图标,安装好后点击右下角设置选择文件主题图标 import-cost:行尾显示导入的包大小(但是安装后不显示,不知道什么原因)...如果是基于组件的项目,直接输入组件名插件会自动处理 imported CSS Peek:在html标签显示自身包含的css Docker:有了这个插件可以在离线情况下创建 Dockerfiles。

1.2K20
领券