VSCode常用插件和快捷键总结

article/2025/10/5 11:16:17

码字不易，转载请附原链，搬砖繁忙回复不及时见谅。

快捷键

  • 切换打开的项目窗口：Ctrl + W
  • 打开最近的项目：Ctrl + R
  • 切换打开的文件：Ctrl + 数字键 / Ctrl + tab
  • 左右切换打开的文件：Command + alt +  左/右
  • format格式化代码：Ctrl + Shit + L
  • 打开/关闭侧边栏：Command + B
  • 打开终端等面板： Command + J
  • 搜索配置、插件、编辑器相关：F1（command + t后，去掉#，改成>）
  • 搜索：F1/command+T，带箭头搜索编辑器，去掉小箭头后搜索代码文件
  • 跳转到指定行：Ctrl + G，输入框输入指定行数，自动跳转
  • 代码追踪：command + 鼠标左键
  • 跳转到实现：command + Shift + F12
  • 查看实现：command + F12
  • 代码追踪返回：Ctrl + -
  • 代码追踪前进：Ctrl + shift + -
  • 调整代码大小：command + -/+
  • 打开快捷键配置：按下command + k后，再按command + s
  • 关闭当前文件：command + w
  • 选中代码左移动：command + [
  • 选中代码右移：command + ]
  • 下一行代码移动到当前行后面：Ctrl + J
  • 全部折叠：command + k + command +0
  • 全部打开：command + k + command + j
  • 切换当前折叠：command + k + command + l
  • 代码注释：command + / （更改后）

  • koroFileHeader文件注释：ctrl + command + i

  • koroFileHeader函数注释：ctrl + command + t

  • 跳转顶/底部：command + ⬆️/⬇️

更改后快捷键

Command + k + s 打开快捷键配置

  • Command + d 复制当前行：搜索 copy 

扩展（部分功能依赖 Golang 工具包）

分为通用和不同语言

通用

  • Settings Sync 配置和插件同步
  • Chiness (Simplified) Language：编辑器中文（F1、 > 、搜素：configure display language）
  • Visual Studio Intellicode：上下文智能代码提示
  • Todo Tree：配置勾选Show Badges（文件图标类型区分）， Show In Explorer（工作区显示），Show Counts In Tree（目录显示总数）
  • TODO List
  • Todo Highlight：代码中高亮显示
  • 代码和背景：Flatland Monkai
  • 目录图标：VSCode Icons Mac

  • Code Spell Checker：单词拼写检查

  • GitLens：显示每一行的提交人和对应commit，右上角的那个分支图标可以以不同样式显示当前文件修改记录

  • Git History：右键某个文件或某一行，看该文件或该行的历史提交

  • Git Blame：底部状态栏显示当前行的提交记录

  • 注释：koroFileHeader

  • tabnine 代码历史提示

  • Code Runner：多种语言运行环境

GoLang

  • Go（安装完 Go Tools 工具包，如果没有生效，需要 Command +T 输入"> Go:Install/Updates Tools"，选中所有更新）

PHP

  • PHP Extension Pack：（扩展）
  • PHP IntelliSense：（变量和语法错误提示）
  • PHP Intelephense：语法和未定义变量

  • PHP Tools for VS Code（php工具包）

  • php cs fixer（需要brew install php-cs-fixer）

  • PHP Formatter（格式化代码PSR2）

  • PHP Snippets 输入p. 联想php方法和变量等

  • PHP Debug：PHP调试
  • php-lint：PHP错误检测

前端

  • JavaScript (ES6) code snippets：JS支持
  • HTML CSS Support：HTML/CSS支持
  • IntelliSense for CSS class names in HTML：CSS/HTML代码提示

Python

  • Python

C/C++

  • C/C++

Excel

  • Excel Viewer

如果扩展自动安装失败，可以采取手动安装的方式：

Extensions for Visual Studio family of products | Visual Studio Marketplace

 

代码DEBUG配置举例

{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"name": "Launch","type": "go","request": "launch","mode": "auto","program": "${workspaceRoot}/main.go","env": {},"args": ["-conf", "conf_qa/app.toml",],"dlvLoadConfig": {"followPointers": true,"maxVariableRecurse": 1,"maxStringLen": 1024, //字符串最大长度"maxArrayValues": 64,"maxStructFields": -1}}]
}

settings

{"go.lintOnSave": "off","sync.gist": "626aadebb9be89662fbc021ae5a269b8","todo-tree.tree.showScanModeButton": false,"go.useLanguageServer": true,"workbench.iconTheme": "vscode-icons-mac","workbench.colorTheme": "Flatland Monokai","editor.suggestSelection": "first","vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue","explorer.autoReveal": "focusNoScroll","window.openFilesInNewWindow": "on","window.openFoldersInNewWindow": "on","window.openWithoutArgumentsInNewWindow": "on","editor.formatOnPaste": false,"editor.formatOnSave": false,"editor.formatOnType": true,"code-runner.runInTerminal": true,"editor.fontWeight": "300","editor.parameterHints": true,"editor.quickSuggestions": {"other": true,"comments": true,"strings": true},"errorSquiggles": true,"workbench.editor.enablePreview": false, //关闭预览模式，打开新文件新开窗口"emmet.includeLanguages": {},"todo-tree.tree.showCountsInTree": true,"go.formatTool": "goimports","[json]": {},"launch": {},"css.remoteStyleSheets": [],"php.validate.executablePath": "/usr/bin/php","php.validate.enable": false,"php.executablePath": "/usr/bin/php","phpformatter.pharPath": "/usr/local/bin/php-cs-fixer", //本机的php-cs-fixer执行文件路径"phpformatter.arguments": ["--rules=@PSR2"],//文件注释"fileheader.customMade": {//"Descripttion": "","Author": "weihaoyu"//"CreatedTime": "Do not edit"//"LastEditTime": "Do not Edit"},//函数注释"fileheader.cursorMode": {//"description": "",//"param": "","author": "weihaoyu"//"return": ""},//注释配置项"fileheader.configObj": {"autoAdd": false, // 检测文件没有头部注释，自动添加文件头部注释"autoAddLine": 100, // 文件超过多少行数 不再自动添加头部注释"autoAlready": true, // 只添加插件支持的语言以及用户通过`language`选项自定义的注释// 自动添加头部注释黑名单"prohibitAutoAdd": ["json"],"prohibitItemAutoAdd": ["项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加"],"wideSame": false, // 头部注释等宽设置"wideNum": 13, // 头部注释字段长度 默认为13// 头部注释第几行插入"headInsertLine": {"php": 2 // php文件 插入到第二行},"beforeAnnotation": {}, // 头部注释之前插入内容"afterAnnotation": {}, // 头部注释之后插入内容"specialOptions": {}, // 特殊字段自定义"switch": {"newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号},"moveCursor": true, // 自动移动光标到Description所在行"dateFormat": "YYYY-MM-DD HH:mm:ss","atSymbol": "@", // 更改所有文件的自定义注释中的@符号"atSymbolObj": {}, //  更改单独语言/文件的@"colon": ": ", // 更改所有文件的注释冒号"colonObj": {}, //  更改单独语言/文件的冒号"filePathColon": "路径分隔符替换", // 默认值： mac: / window是: \"showErrorMessage": false, // 是否显示插件错误通知 用于debugger"CheckFileChange": false, // 单个文件保存时进行diff检查"createHeader": true, // 新建文件自动添加头部注释"useWorker": false, // 是否使用工作区设置"designAddHead": false, // 添加注释图案时添加头部注释// 自定义语言注释符号，覆盖插件的注释格式"language": {"java": {"head": "/$$","middle": " $ @","end": " $/"},// 一次匹配多种文件后缀文件 不用重复设置"h/hpp/cpp": {"head": "/*** ", // 统一增加几个*号"middle": " * @","end": " */"},// 针对有特殊要求的文件如：test.blade.php"blade.php": {"head": "<!--","middle": " * @","end": "-->"}},// 默认注释  没有匹配到注释符号的时候使用。"annotationStr": {"head": "/*","middle": " * @","end": " */","use": false}},"C_Cpp.errorSquiggles": "Enabled","breadcrumbs.enabled": true,"editor.renderWhitespace": "all","editor.minimap.enabled": false,"editor.showUnused": true,"workbench.colorCustomizations": {"editorUnnecessaryCode.border": "#DCDCDC"},"[php]": {"editor.defaultFormatter": "Sophisticode.php-formatter"},"[go]": {"editor.snippetSuggestions": "none","editor.formatOnSave": true,"editor.codeActionsOnSave": {"source.organizeImports": true}},"files.eol": "\n", // formatting only supports LF line endings"go.languageServerExperimentalFeatures": {"format": true,"autoComplete": true,"rename": true,"goToDefinition": true,"hover": true,"signatureHelp": true,"goToTypeDefinition": true,"goToImplementation": true,"documentSymbols": true,"workspaceSymbols": true,"findReferences": true,"diagnostics": false},"emmet.excludeLanguages": ["markdown"],"[jsonc]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"go.goroot": "/usr/local/go19","go.buildFlags": ["-gcflags=-l","-race"],"tabnine.experimentalAutoImports": true,"gopls": {"formatting.gofumpt": true,},"go.lintFlags": [// "--fast"],"go.lintTool": "golangci-lint",// "go.lintTool": "golint","go.lintOnSave": "file","git.mergeEditor": false //冲突高亮
}


http://chatgpt.dhexx.cn/article/to7jj4kV.shtml

相关文章

VSCode 工具常用插件

VSCode 工具常用插件

1、Debugger for Chrome 方便运行代码&#xff0c;浏览器打开 2、 GitLens — Git supercharged 鼠标放到代码行上可以显示&#xff0c;改行的上一次修改记录 3、Git History git log 4、 Auto Close Tag 自动完成闭合标签 5、 Auto Rename Tag 修改了前面的开始标签&#…
阅读更多...
Vscode常用插件及设置(前端版，实时更新ing

Vscode常用插件及设置(前端版，实时更新ing

1.open in borwser&#xff1a; 写完代码后鼠标右击将代码在浏览器中运行 2.Chinese 汉化Vscode 3.vscode-icons html、css、js、less图标显示 4.Live Server 代码块写完后使用Live Server&#xff0c;每次修改代码CtrlS后浏览器无需再刷新即可跟着变化&#xff0c; 与…
阅读更多...
VSCode常用插件汇总

VSCode常用插件汇总

这篇博客主要是我使用vscode过程中的插件汇总&#xff0c;使用了这么长时间&#xff0c;总想有个总结&#xff0c;也方便日后查看&#xff0c;这里我将我使用的插件分为基础、框架、工具三个类型。 官网地址 VSCode插件官网地址&#xff0c;里面有很多的插件可以使用。 基础插…
阅读更多...
【整理总结】VSCode常用插件和好用配置（小白必看）

【整理总结】VSCode常用插件和好用配置（小白必看）

本篇文章给大家总结分享一些VSCode常用插件和好用配置&#xff08;超详细&#xff09;,希望可以给刚入坑前端的小伙伴一些帮助。本文很长&#xff0c;如果能认真看完&#xff0c;你一定会有所收获。 一、VSCode常用插件推荐 工欲善其事&#xff0c;必先利其器。本文介绍一些前端…
阅读更多...
VScode 常用必备插件

VScode 常用必备插件

Visual Studio Code&#xff08;简称“VS Code”&#xff09;在前端开发的过程中必不可少&#xff0c;vscode作为代码编辑器&#xff0c;开源、免费、颜值高。更关键的是&#xff0c;丰富的插件&#xff0c;能够提高开发效率&#xff0c;你值得拥有。我们团队中大部分人都在用&…
阅读更多...
【vscode】vscode常用插件介绍

【vscode】vscode常用插件介绍

1、Angular Snippets&#xff08;angular片段&#xff09; 这个扩展为 TypeScript 和 HTML 添加了 Angular 的代码片段。 2、Auto Close Tag&#xff08;自动闭合标签&#xff09; 自动添加 HTML/XML 关闭标记。 3、Auto Rename Tag&#xff08;自动重命名标签&#xff09; 自…
阅读更多...
VSCode常用插件

VSCode常用插件

一、VSCode常用的插件 目录 1.Chinese (Simplified) 2.Auto Rename Tag 3.One Dark Pro 颜色主题 4.格式化代码&#xff08;vscode系统自带&#xff09; 5.open in browser 浏览器预览页面 ​6. Live Server 实时预览&#xff08;推荐&#xff09; 7. vsc…
阅读更多...
VsCode 插件推荐（个人常用）

VsCode 插件推荐（个人常用）

效率规划 Chinese (Simplified) Language Pack for Visual Studio Code 汉化 Open in Browser 打开外部浏览器 settings sync 同步所有设置和插件 wakatime 编程时间及行为跟踪统计 koroFileHeader 在vscode中用于生成文件头部注释和函数注释的插件 自动补全类 Auto Rename …
阅读更多...
VSCode常用插件整理

VSCode常用插件整理

文章目录 1.Auto Rename Tag2.GitLens3.vscode-icons4. Auto Close Tag5.ES7 React/Redux/React-Native snippets6.JavaScript Debugger (Nightly)7.Image preview8.Chinese (Simplified)9.Todo Tree10. Tabnine11.Live Server 1.Auto Rename Tag 该插件可以帮助开发者在重命名…
阅读更多...
vscode常用的9个插件，推荐给你们

vscode常用的9个插件，推荐给你们

1. Settings Sync 开发必备神器之一&#xff01;可以帮助你在不同的设备之间同步vscode所有的配置、插件&#xff01;&#xff01;! 虽然配置有好几个步骤&#xff0c;但是一旦配置好了之后使用非常的方便&#xff0c;只需要记住快速上传和快速下载的快捷键即可。甚至你可以选…
阅读更多...
数组的浅拷贝与深拷贝

数组的浅拷贝与深拷贝

文章目录 1 数据类型2 浅拷贝与深拷贝3 实现深拷贝方法3.1 JSON.string() 结合 JSON.parse()3.2 递归 4 JS 中的拷贝方法4.1 concat()4.2 slice()4.3 展开运算符&#xff08;...&#xff09;4.4 Object.assign() 5 参考文章 1 数据类型 在 JavaScript 中&#xff0c;数据被分为…
阅读更多...
浅谈一下js的浅拷贝和深拷贝

浅谈一下js的浅拷贝和深拷贝

目录 一、什么是拷贝 二、浅拷贝和深拷贝概念 2.1 浅拷贝 代码 2.2深拷贝 代码 2.3 jQuery中的拷贝 三、深拷贝应用场景 一、什么是拷贝 谈到拷贝的话&#xff0c;大家应该是不陌生的&#xff0c;拷贝简单来说就是复制。 复制的话&#xff0c;这里就得想到js的两种数据…
阅读更多...
前端面试：浅拷贝和深拷贝的区别？

前端面试：浅拷贝和深拷贝的区别？

前些天发现了一个巨牛的人工智能学习博客&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转 那么大家晚上好&#xff0c;我是今天晚上的主讲老师&#xff0c;我是兔哥。 我们在面试中经常会被问到浅拷贝和深拷贝的区别&#xff0c;正好群里…
阅读更多...
Java 中的浅拷贝和深拷贝

Java 中的浅拷贝和深拷贝

无论是浅拷贝还是深拷贝&#xff0c;都可以通过 Object 类的 clone() 方法来完成&#xff1a; /*** 拷贝** author qiaohaojie* date 2023/3/5 15:58*/ public class CloneTest {public static void main(String[] args) throws Exception {Person person1 new Person(23, &…
阅读更多...
Java浅拷贝和深拷贝的方式

Java浅拷贝和深拷贝的方式

文章目录 1. 前言2. 概念介绍2.1 拷贝 / 克隆的概念2.2 为什么需要拷贝方法&#xff1f;2.3 什么是浅拷贝&#xff1f;浅拷贝和深拷贝的区别是什么&#xff1f; 3. 深拷贝的实现方式3.1 手动深拷贝3.2 序列化方式3.2.1 自定义序列化工具函数3.2.2 commons-lang3 的序列化工具类…
阅读更多...
JS 浅拷贝和深拷贝详解(巨详细)

JS 浅拷贝和深拷贝详解(巨详细)

目录 一、前置知识详解 1.1.JavaScript数据类型 1.2.理解传值和传址 二、浅拷贝 2.1.浅拷贝的定义和原理 2.2.实现浅拷贝的方法 2.2.1.手写递归实现 2.2.2.利用展开语法实现浅拷贝 2.2.3.Object.assign进行对象的合并 2.2.4.利用Array.prototype.,slice() 2.2.5.利用…
阅读更多...
SV中的浅拷贝和深拷贝

SV中的浅拷贝和深拷贝

1.浅拷贝 浅拷贝&#xff1a; 只拷贝对象中的数据变量&#xff0c;而对于对象中的数据操作(一般为任务和函数)和其中定义的其他类的句柄&#xff0c;采用类似“引用”的方式&#xff0c;浅拷贝前后共用同一内存空间。 可以使用new操作符进行复制。如果一个类包含指向另一个类的…
阅读更多...
什么是浅拷贝和深拷贝？

什么是浅拷贝和深拷贝？

文章目录 1、什么是浅拷贝&#xff1f;2、什么是深拷贝&#xff1f;2.1、常见的深拷贝方式 在Java语言中&#xff0c;当我们需要拷贝一个Java对象的时候&#xff0c;常见的会有两种方式的拷贝:浅拷贝与深拷贝。 浅拷贝&#xff1a;只是拷贝了源对象的地址&#xff0c;所以源对象…
阅读更多...
基于java实现浅拷贝和深拷贝

基于java实现浅拷贝和深拷贝

目录 1、概念2、浅拷贝2.1、浅拷贝实战 3、深拷贝3.1、嵌套 clone 方法3.2、使用序列化流3.3、使用开源工具类 1、概念 浅拷贝&#xff1a;在拷贝一个对象时&#xff0c;复制基本数据类型的成员变量&#xff0c;但对引用数据类型的成员变量只进行引用的传递&#xff08;复制其…
阅读更多...
js实现浅拷贝和深拷贝

js实现浅拷贝和深拷贝

一.数据类型 数据分为基本数据类型和引用数据类型 基本数据类型(String, Number, Boolean, Null, Undefined&#xff0c;Symbol) 引用数据类型&#xff08;Object[Array属于Object]&#xff09; 基本数据类型的特点&#xff1a;直接存储在栈(stack)中的数据 引用数据类型的特点…
阅读更多...
推荐文章

Copyright @ 2022~2023