安装插件 4.1 安装 C++开发相关插件(必装) 主要功能：C++语法识别、智能补全、代码跳转、调用依赖识别等，注意，下文中描述如果没有指明是需要单独手动下载的话，一般来说都是指通过 VSCode 侧边栏上的扩展按钮来安装插件...其他功能请参考VSCode 官网快捷键 要注意下，在windows下，上述快捷是默认的.但在linux、mac下, Alt + ← 跳转返回原处 这一快捷键是无法使用的，原因是快捷键冲突。...找到 后退 功能 后退 寻找时可在搜索框中输入后退查找，截图是为了方便大家定位，手动上下翻动找的。 键绑定 点击 上图中的第二个圈位置（键绑定那一列），然后按下键盘上的组合键。...我在win、linux下使用普通键盘时，采用的是 Alt + ← ，mac是使用的 command + ← 。...安装插件后，在每个工程中窗口中，Ctrl+Shift+P，输入 Project Manager Save Project ,意思是将当前工程命名成 1 个 project，它会默认取当前根目录的文件名为
在Mac上：Ctrl + J 在Ubuntu上，Windows上：从“文件”>“首选项”>“键盘快捷键”中打开键盘快捷键，然后将editor.action.joinLines绑定到你选择的快捷键。...拆分编辑器的原始键盘快捷键是123。在并行编辑时很有用。 另外，你还可以通过选择以下内容来查看关联的键绑定：文件>首选项>键盘快捷键，然后根据你的选择编辑绑定。...打开和关闭侧边栏 ?...在Windows上：Ctrl + b 在Mac上：Command + b 在Ubuntu上：Ctrl + b 有时，当文件的宽度较大时，或者在拆分编辑器关闭的情况下，侧边栏会很有帮助。...在Windows上：Ctrl + p 在Mac上：Command + p 在Ubuntu上：Ctrl + p 根据你当前上下文访问所有可用命令。 一些最常用的是： 1.
由于基于Electron进行开发，软件可以跨平台支持 Win、Mac 以及 Linux，保证了在不同系统上都有相同的版本迭代速度，运行流畅，编辑器内核采用强大的Monaco（一个HTML编辑器，也是微软出品...）实现，瞬间打开几十兆的文件无压力。...这些场景你可以用插件轻松解决 Q：我的项目托管在Git上，本地开发时，怎么做到随时可以查看当前代码修改的状态？...Q：怎样提高在VSC中写markdown的效率？ A：VSC原生支持MD，并能实现侧边栏预览，你也可以通过安装一些插件来增强体验。...这里推荐几款： vscode-fileheader：一键添加文件头部注释，可自动同步文件修改时间 filesize：在底部状态栏显示文件大小，点击可显示文件详情 Regex Previewer：一款实时检测正则表达式匹配情况的插件
合并为一行 • On Mac: Ctrl + J • 在 Ubuntu、Windows：在 File > Preferences > Keyvoard shortcuts 打开快捷键设置，并将选择的快捷键绑定在...打开/关闭侧边栏 • On Windows: Ctrl+ b • On Mac: Command + b • On Ubuntu: Ctrl+ b 10....命令面板 • On Windows: Ctrl + p • On Mac: Command + p • On Ubuntu: Ctrl + p 可看到你当前上下文所有可用的命令。...2）查看键盘绑定的命令 所有的命令以及绑定的快捷键都在命令面板里。如你忘记了某个快捷键，它可以帮助到你。...，觉得内容不错，就点个在看吧～ 大家如果有其它 VSCode 的使用技巧，也可以在评论区分享一下！
在打开的输入框内，可以输入任何命令,如下图(图片较大，如果查看不清晰，可以在图片上右键 “在新的标签页中打开图片”，查看原图，下同)： ? ...新建文件: Ctrl+N 文件之间切换: Ctrl+Tab 打开一个新的VS Code编辑器: Ctrl+Shift+N 关闭当前窗口: Ctrl+W 关闭当前的VS Code...): Ctrl+Shift+E 显示搜索(光标切到侧边栏中才有效): Ctrl+Shift+F 显示(光标切到侧边栏中才有效): Git Ctrl+Shift+G 显示 Debug:...修改快捷键绑定方法二：点击搜索栏下侧的“ keybindings.json ”，进入编辑界面，如下图所示： ?...命令的参数，这里我们是build编译任务 when 快捷键在何时生效，这里指的是编辑区 保存完，你尝试按下F8，任务便顺利运行了。
注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command 做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。...一次搜索所有文件的文本 Windows: Ctrl + Shift + F Mac: Command + Shift + F VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本...要使用此特性，可以按Ctrl + Shift + f打开视图，它将显示编辑器左侧的侧边栏： ? 输入查找的內容并回车，VS code 将提供与输入内容匹配的结果列表，如下所示： ?...重新加载 我个人认为这是 VsCode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面，同时具有与关闭和重新打开窗口相同的效果。...在VsCode 中，启动性能是很重要的。这就是为什么你能弹出一个有用的窗口，奇迹般地提供所有你需要的信息： ?
一次搜索所有文件的文本 Windows: Ctrl + Shift + F Mac: Command + Shift + F VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本...要使用此特性，可以按Ctrl + Shift + f打开视图，它将显示编辑器左侧的侧边栏： 输入查找的內容并回车，VS code 将提供与输入内容匹配的结果列表，如下所示： 你还可以同时规制每个搜索果文件中的所有匹配内容...重新加载 我个人认为这是 VsCode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面，同时具有与关闭和重新打开窗口相同的效果。...在VsCode 中，启动性能是很重要的。...复制光标向上或者向上批量添加内容 在 VsCode 中复制游标可以证明是最节省时间的特性。
使用系统偏好设置来更改Finder的外观 更改配色方案是您可以应用于Finder的最基本的自定义设置。这使您可以更改标题栏以及文件管理器的突出显示颜色。...隐藏侧边栏 侧边栏通常包含Mac驱动器，连接的服务器以及Mac上的一些主文件夹。如果您不需要访问这些项目，则可以隐藏侧边栏，使其不会出现在Finder窗口中。...路径栏显示在Finder窗口的底部，显示当前文件夹的完整路径。...单击顶部的当前文件夹图标，然后按键盘上的Command +V。 您的图像应替换现有的文件夹图标。...单击边栏选项卡。 在侧边栏中勾选您想要查看的项目。 取消勾选要从边栏中删除的项目。 更改是即时的，您无需单击任何按钮即可保存设置。
如果需要快速查看某一个特定的快捷键，只需要快捷键列表上方的搜索栏输入直接搜索即可 快速打开文件「Quick open」 可以用于快速搜索，然后打开项目中的文件，当你想在一个大型项目中打开某一个代码文件时...快速打开和关闭侧边栏「Opening and Closing the Sidebar」 在我们专注于编程的时候，左边的侧边栏会占用我们一定的宽度，特别是使用双屏（尤其是竖向的屏幕）或者是使用拆分编辑器模式...收起侧边栏可以帮我们节省很多空间。...这些快捷键可以辅助我们提升编写代码的速度和效率，让我们的双手更集中在键盘上，减少消耗在键盘和鼠标切换过程的时间。...小技巧 这个功能是可以自动执行的，不需要我们一个个选择去清除，我们可以在VSCode的配置里面设置自动清除。下面教大家两种配置方式。
1、一次搜索所有文件的文本 Windows: Ctrl + Shift + F Mac: Command + Shift + F VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本...要使用此特性，可以按Ctrl + Shift + f打开视图，它将显示编辑器左侧的侧边栏： ? 输入查找的內容并回车，VS code 将提供与输入内容匹配的结果列表，如下所示： ?...9、重新加载 我个人认为这是 VsCode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面，同时具有与关闭和重新打开窗口相同的效果。...在VsCode 中，启动性能是很重要的。这就是为什么你能弹出一个有用的窗口，奇迹般地提供所有你需要的信息： ?...21、复制光标向上或者向上批量添加内容 在 VsCode 中复制游标可以证明是最节省时间的特性。 ?
俗话说得好，工欲善其事必先利其器，要想工作效率高，码代码的工具用的好是必须的，这里主要说一下 Mac 上 VScode 的快捷键，帮助大家快速搭建良好的开发工具。...Code Runner - 运行选中代码段（支持大量语言，包括 Node） Git Blame - 在状态栏显示当前行的 Git 信息 Git History - 查看 git log GitLens...Vue 语法高亮 用户自定义设置 使用 cmd+shift+P所有所有打开用户设置，在设置的 json 中修改编辑器内置的格式，以下是个人的一些修改，其中包括一些 eslint、prettier、vetur...编辑器与窗口管理 打开一个新窗口：Cmd+Shift+N，新打开一个项目时会用到 关闭窗口：Cmd+Shift+W 关闭标签页：Cmd+W 新建文件 Cmd+N 文件之间切换 Cmd+~ 切出一个新的编辑界面...B，也就是侧边栏 切换同一编辑器不同的标签页：control+tab 代码编辑 格式调整 格式化代码：shift+Option+F 上下移动一行：Option+Up 或 option+Down 向上向下复制一行
browser preview：vscode内部浏览器打开，免去切换到浏览器的麻烦，安装后在编辑器左侧边栏找到快捷按钮 guides：显示代码对齐辅助线 htmlhint：html标签嵌套错误提示 vscode-icons...：把代码生成图片，command+shift+p：搜索carbon Project Manager：项目管理，安装好后点击左侧边栏最下边文件夹的图标，可以保存打开的项目到favirate，以后可以在这里直接选择自己已经保存好的项目打开...如果是基于组件的项目，直接输入组件名插件会自动处理 imported CSS Peek：在html标签上显示自身包含的css Docker：有了这个插件可以在离线情况下创建 Dockerfiles。...快捷键 作用 编辑器操作： cmd+J 打开控制台 Cmd + Option + 左右方向键：在已经打开的多个文件之间进行切换 cmd+P 快速打开最近打开的文件 cmd+Shift...+ shift + C 打开当前文字所在路径下的终端 cmd + B 侧边栏显示隐藏 cmd + Shift + G 打开Git可视管理 cmd + Shift + D 打开DeBug面板 cmd +
主要集中在以下的更改： 自定义上下文菜单操作，如：平时我们右键的菜单栏 在侧边栏创建自定义交互，如：npm插件安装后在资源管理中-主侧边栏添加了一个npm操作视图 定义一个新的活动栏视图，如：Git插件安装后左侧活动栏中的图标...主侧边栏（Primary Sidebar）：主要是展示一个或多个Views，活动栏和主侧边栏紧密耦合，点击活动栏可以打开对应的主侧边栏，该绑定关系通过package.json中的配置进行关联。...辅助边栏（Secondary Sidebar）：主要是对主侧边栏的辅助作用，基本与主侧边栏一致 编辑器区域（Editor）：我们使用的最多的区域，包含一个或多个编辑器组，可以自定义编辑器或创建Webview...运行插件后会打开一个拥有该插件的开发环境的vscode编辑器，可以在该开发环境中进行使用当前开发的插件功能。并且可以通过vscode的断点功能进行断点调试。...效果图 实现主侧边栏webview 刚才我们在配置中定义了视图的类型是webview，所以我们需要实现一个WebviewViewProvider类，该类需要实现一个resolveWebviewView
工作之余，我整理了近50个 VS Code 插件，其中有一部分已经内置了，但不知道他们是用来干啥的。...通过这篇文章，可以大致知道这些插件的作用，用不到的可以把他们移除， VS Code 变得更快了。...如果您是 ESLint 的新手，请查看文档。 filesize 在状态栏中显示当前文件大小。...快捷键： 打开侧边预览：ctrl-k v 打开预览：ctrl-shift-v 同步预览/同步源：ctrl-shift-s 运行代码块：shift-enter 运行所有代码块：Ctrl-Shift-Enter...Vetur 用于 VS Code 的 Vue 工具。 vscode-pdf 在 VSCode 中显示 pdf 文件。
VSCode 主题设置推荐，自定义配色方案，修改注释高亮颜色 设置主题： 个人比较忠爱vscode的界面，感觉比pycharm要更美观点，虽然两个都装了，但还是会习惯性打开vscode进行调试。...下面是我使用的主题。...或者在设置--外观里面进行细致设置 vscode官网：Themes Extensions - Visual Studio Marketplace，大家可以选择自己喜欢的主题 主题推荐 One Dark...编辑器行号颜色 5 sideBar.background 侧边栏背景色 4 sideBar.foreground 侧边栏前景色 3 sideBarSectionHeader.background 侧边栏节标题的背景颜色...17 statusBar.background 标准状态栏背景色 17 statusBar.noFolderBackground 没有打开文件夹时状态栏的背景色 17 statusBar.debuggingBackground
工作之余，我整理了这 40 多个 VS Code 插件，其中有一部分已经内置了，但不知道他们是用来干啥的。...通过这篇文章，可以大致知道这些插件的作用，用不到的可以把他们移除， VS Code 变得更快了。...如果您是 ESLint 的新手，请查看文档。 filesize 在状态栏中显示当前文件大小。...快捷键： 打开侧边预览：ctrl-k v 打开预览：ctrl-shift-v 同步预览/同步源：ctrl-shift-s 运行代码块：shift-enter 运行所有代码块：Ctrl-Shift-Enter...Vetur 用于 VS Code 的 Vue 工具。 vscode-pdf 在 VSCode 中显示 pdf 文件。
image Vscode-icons VSCode 文件图标 此插件可以帮助我们根据不同的文件类型生成对应的图标，这样我们在侧边栏查看文件列表的时候直接通过图标就可以区分文件类型。...image 使用mac的小伙伴可以选择下载Vscode-icons-mac，基本图标与Vscode-icons类似，就是文件夹采用的是mac风格。...image 具体的快捷键可以在键盘快捷方式中自定义设置： image 拓展插件 这部分主要介绍一些针对特定开发环境的插件 Vscode-element-helper 使用element-ui库的可以安装这个插件...在Github首页点击头像，选择Settings进入设置页面。 image 点击左侧侧边栏Developer settings，进入开发者设置。...Dracula Official 吸血鬼主题（本人目前使用的一款） image One Dark Pro image 常用快捷键 编辑器与窗口管理 Ctrl+Shift+P: 打开命令面板。
02 简介 Sublime Text 是一个文本编辑器。具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。...Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。 欣赏VSCode和Sublime的一点是JSON设置，默认设置和用户设置。...然而，最近的VSCode版本正在把它变得更像Intellij ide。看，JSON设置非常棒。我们可以在设置中写我们的评论，为什么我们想要一个特定的设置，为什么我们在一开始就禁用它。...侧边栏的改进 安装侧栏增强功能，以允许对侧栏中的文件和文件夹进行过多的操作： https://packagecontrol.io/packages/SideBarEnhancements ?...终端 用一个简单的快捷方式为当前文件路径或工作空间打开终端。 https://packagecontrol.io/packages/Terminal
插件项目与一个vue3项目（其他框架亦可），类似的复杂插件比如 CodeGeeX iFlyCode，会将web页面展示在侧边栏中。...到此我们的插件侧项目就搭建好了，下面我们简单建一个vue项目，嵌入到侧边栏中 三：新建一个Vue3 项目，在侧边栏中展示，实现vscode插件 vue项目 双向消息传递 文章开头我们提到，插件内展示丰富的...将web页面展示在vscode侧边栏 （1） 插件项目修改，把视图注册到侧边栏，完成消息传递 第一步当然是先建一个iframe把我们的web项目的地址填进去呗，开始。...Chat-siderbar绑定 下面我们需要在package.json中将视图注册到侧边栏中，并指定名字，图标等 打开package.json 文件，修改如下 将原本的 contributes 字段替换一下...通了的话点个赞吧，好人一生平安~ 没通的话原因有点多，代码是没问题的，其他的可以评论区讨论下 至此我们的聊天小插件算是开发完成了，我们学习了如何创建一个vscode插件，随后搭建了一个vue3项目展示在了侧边栏里
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
