资讯详情

【VSCode】Visual Studio Code基本设置快捷方式markdown编辑等实用插件 || 软件手册

📅 2026/10/9 3:56:08 | 华诺云谱 👁 阅读
【VSCode】Visual Studio Code基本设置快捷方式markdown编辑等实用插件 || 软件手册
【start2023.01.09】目录1. 引言2. 安装 VSCode3. 配置基本功能即时自动保存鼠标滚动缩放字体单行显示不下则换行标签页多行显示调整窗口字体的缩放级别焦点不滚动打开新文件时不覆盖原来的文件调整工作台颜色主题4. 修改文件存储位置C盘数据迁移文件解压插件5. 添加快捷方式右键从文件夹打开VSCodevscode终端自动激活环境在VScode中使用系统默认的应用打开文件6. 安装多种编程语言插件vscode配置c语言环境安装visual studio安装visual studio C build toolsvscode配置matlab语言环境vscode配置python语言环境7. 安装 jupyter 库安装jupyter库ipynb 和 py 的区别ipynb 和 py 一条龙服务直接在py文件中分块调整jupyter notbook颜色主题增加jupyter notebook输出框显示的行数8. 安装 markdown 插件安装markdown插件侧边栏显示大纲让缩进参考线Tab 竖线更明显点击大纲时保持用“原生文本编辑器”展示打开预览跟随大纲光标文件-小标题自动编号插入图片并设置尺寸9. 安装其他 amazing 插件把py代码转为流程图pycallgraph2代码自动注释插件CodeWhisperer阅读word、xlsx的插件Office Viewer显示文件大小的插件filesize显示图像尺寸和大小的插件Image Preview实时显示log文件的插件Log Viewer10. Debug VSCode恢复出厂设置找不到解释器或转不到定义怎么办vscode粘贴的快捷键被改了怎么办1. 引言Visual Studio Code是微软推出的一个强大的代码编辑器功能强大操作简单便捷还有着良好的用户界面设计得很人性化旨在为所有开发者提供一款专注于代码本身的免费的编辑器。注意vscode和visual studio是有区别的visual studio是集成开发环境它包括了整个软件生命周期中所需要的大部分工具vscode是一款免费开源的现代化轻量级代码编辑器支持几乎所有主流的开发语言的语法高亮特性。2. 安装 VSCode【link】Visual Studio Code 安装教程3. 配置基本功能用快捷键ctrl ,打开设置界面输入关键字查询相应设置的key即时自动保存鼠标滚动缩放字体单行显示不下则换行标签页多行显示Vscode设置标签页多行显示Workbench Editor: Wrap Tabs调整窗口字体的缩放级别焦点不滚动explorer.autoReveal设为focusNoScroll防止关闭一个文件后explorer中的焦点强制变换打开新文件时不覆盖原来的文件在vscode中对于一个变量ctrl左键可以转到定义但是这样“跳转”可能会覆盖掉原来窗口中正在阅读的文件非常影响使用体验解决方法在 json 设置中添加以下两行或将对应属性设置成 false/trueworkbench.editor.enablePreview:false,workbench.editor.showTabs:true修改后的选项如下调整工作台颜色主题浅色或深色都可还可以在“扩展”中下载到更多颜色主题4. 修改文件存储位置C盘数据迁移如果VSCode占用了C盘太多容量可以把C盘文件转移到D盘然后在C盘创建符号链接cmdmklink /D C:\Users\%username%\.vscode D:\work apps\VisualStudioCode\.vscode mklink /D C:\Users\%username%\AppData\Local\Programs\Microsoft VS Code D:\work apps\VisualStudioCode\AppData\Local\Programs\Microsoft VS Code mklink /D C:\Users\%username%\AppData\Roaming\Code D:\work apps\VisualStudioCode\AppData\Roaming\Code【ref】VSCode(Visual Studio Code)扩展及缓存占用C盘空间问题的解决文件解压插件VSCode Archive能unzip各种文件5. 添加快捷方式右键从文件夹打开VSCode【ref】超简单设置右键打开 vscode的方法如果安装vscode时未配置“ 右键从文件夹打开VSCode”则在vscode安装地址下手动添加txt文件把path改成自己的Windows Registry Editor Version5.00[HKEY_CLASSES_ROOT\*\shell\VSCode]Open with CodeIconE:\\Microsoft VS Code\\Code.exe[HKEY_CLASSES_ROOT\*\shell\VSCode\command]\E:\\Microsoft VS Code\\Code.exe\ \%1\Windows Registry Editor Version5.00[HKEY_CLASSES_ROOT\Directory\shell\VSCode]Open with CodeIconE:\\Microsoft VS Code\\Code.exe[HKEY_CLASSES_ROOT\Directory\shell\VSCode\command]\E:\\Microsoft VS Code\\Code.exe\ \%V\Windows Registry Editor Version5.00[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode]Open with CodeIconE:\\Microsoft VS Code\\Code.exe[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode\command]\E:\\Microsoft VS Code\\Code.exe\ \%V\保存文件修饰文本文档后缀名把.txt文件改成.reg文件然后双击reg文件即可【ref】windows11系统文本文档后缀名怎么显示vscode终端自动激活环境打开 VS Code然后在集成终端中输入以下命令csharpconda init powershell这将自动配置 PowerShell 以使用 Conda 环境。然后在 PowerShell 控制台中输入以下命令bashnotepad $PROFILE这将打开 PowerShell 的配置文件。在 PowerShell 的配置文件的第一行中添加以下代码conda activate myenv具体如下conda activate myenv # Import the Chocolatey Profile that contains the necessary code to enable # tab-completions tofunctionforchoco.# Be aware thatifyou are missing these lines from your profile,tab completion #forchoco will notfunction.# See https://ch0.co/tab-completionfordetails.$ChocolateyProfile$env:ChocolateyInstall\helpers\chocolateyProfile.psm1if(Test-Path($ChocolateyProfile)){Import-Module$ChocolateyProfile}这样之后下次在集成终端中打开 Command Prompt 或 PowerShell 时将自动激活名为“myenv”的 Conda 环境旧版配置文件# 地址D:\Users\lenovo\AppData\Local\Programs\Microsoft VS Code # 自动激活 myenv Conda 环境if(Test-PathF:\CS\Anaconda3\Scripts\activate.bat){F:\CS\Anaconda3\Scripts\activate.batF:\CS\Anaconda3\envs\signal38}在VScode中使用系统默认的应用打开文件安装open插件安装完成后右键该文件名称可以选择open with default application在VScode中使用系统默认的应用打开文件如wordexcelppt等6. 安装多种编程语言插件vscode配置c语言环境【ref】vscode配置c语言环境以及launch:program“*****.exe” does not exist问题保姆级检查下载编辑器VScode官网https://code.visualstudio.com/下载编译器MinGW并解压下载页面https://sourceforge.net/projects/mingw-w64/files/下载页面中选择 x86_64-win32-seh 下载将MinGW添加至环境变量安装visual studio直接上官网装一个vs2019版注意第一次安装后Windows 11 SDK 会在注册表内留下信息假如在f盘留下了信息硬盘损坏后f盘消失了就无法修改注册表的信息了或者说找不到原来的路径了导致无法删除这样vs永远会安装失败安装visual studio C build toolsdemo中的案例【ref】盲图像超分辨率重建 ( CVPR2022) (Pytorch)附代码报错ImportError: Building module camera_isp.noise_synthetic.tone_mapping_cython failed: [‘distutils.errors.DistutilsPlatformError: Microsoft Visual C 14.0 or greater is required. Get it with “Microsoft C Build Tools”: https://visualstudio.microsoft.com/visual-cpp-build-tools/\n’]解决【ref】解决visual studio C build tools时安装包缺失或损坏的问题vscode配置matlab语言环境conda create -n pymat37 python3.7【ref】Vscode 配置 matlab 环境图片精美【ref】【MATLABVScode】VScode运行MATLAB提到了python3.7接口【ref】[vscode配置]在vscode中编辑matlab脚本提到了快捷键vscode配置python语言环境【ref】VS Code配置使用 Python超详细配置指南看这一篇就够了7. 安装 jupyter 库安装jupyter库jupyter分块模式插件直接pip install jupyter激活环境后在命令行输入jupyter notebook打开jupyer记事本ipynb 和 py 的区别py文件可以直接用__file__读取文件名ipynb文件不行# 保存运行时使用的main文件视文件的实际执行格式而定# source_file os.path.basename(__file__)# source_file rmain.pysource_filermain.ipynbprint(f\nsource_file :{source_file})ipynb 和 py 一条龙服务为了读代码方便先用ipynb写code和markdown然后将ipynb导出为“预览py文件”markdown会以注释的形式存留再把“预览py文件”复制到新py文件中即可直接在py文件中分块加入# %% [markdown]即可调整jupyter notbook颜色主题增加jupyter notebook输出框显示的行数8. 安装 markdown 插件安装markdown插件首选Office Viewer然后设为 md 的默认打开方式或者Markdown Preview EnhancedMarkdown All in Onepaste image侧边栏显示大纲view - open view - outline让缩进参考线Tab 竖线更明显直接安装插件“indent rainbow”或者jsoneditor.guides.indentation:true,editor.guides.highlightActiveIndentation:always,workbench.colorCustomizations:{editorIndentGuide.background1:#666666,editorIndentGuide.background2:#666666,editorIndentGuide.background3:#666666,editorIndentGuide.background4:#666666,editorIndentGuide.background5:#666666,editorIndentGuide.background6:#666666,editorIndentGuide.activeBackground1:#ffcc00}效果所有层级的缩进线显示为灰色当前光标所在层级高亮为黄色。 调色 嫌灰线太淡 → #666666改为 #888888嫌黄线太刺眼 → #ffcc00 改为 #e5c07b效果所有层级的缩进线显示为灰色当前光标所在层级高亮为黄色。调色嫌灰线太淡 → #666666 改为 #888888嫌黄线太刺眼 → #ffcc00 改为 #e5c07b点击大纲时保持用“原生文本编辑器”展示安装Office Viewer等插件后.md默认以渲染模式打开点大纲会跳回渲染视图。方法将.md默认编辑器改为原生文本编辑器。workbench.editorAssociations:{*.md:default,*.markdown:default}操作CtrlShiftP→Open User Settings (JSON)→ 粘贴保存 → 重开 md。临时切换CtrlAltE打开预览跟随大纲光标安装Markdown Preview Enhanced插件点击打开侧边预览功能建议设置快捷键为ShiftAltP文件-小标题自动编号markdown快速编号安装Markdown All in One插件【reg】VSCode插件生成编号、目录、文件目录树建议设置快捷键为ShiftAltM插入图片并设置尺寸安装paste image插件在插件的config的Insert Pattern模块中把${imageSyntaxPrefix}${imageFilePath}${imageSyntaxSuffix}改成div aligncenterimg width400src${imageFilePath}/div结果如图默认快捷键为CtrlAltv9. 安装其他 amazing 插件把py代码转为流程图pycallgraph2安装包pip install pycallgraph2下载插件并添加bin到环境路径【ref】Graphviz 官网在需要转换为流程图的代码前加入代码frompycallgraph2importPyCallGraphfrompycallgraph2.outputimportGraphvizOutput graphvizGraphvizOutput()graphviz.output_filegraphviz.pngwithPyCallGraph(outputgraphviz):代码自动注释插件CodeWhisperer安装插件AWS Toolkit输入注释后面加# 回车即可看到自动代码建议按Tab键即为接收建议具体教程如下【ref】VSCode使用CodeWhisperer(AI编程阅读word、xlsx的插件Office ViewerView word,excel files and using WYSIWYG editor for markdown.显示文件大小的插件filesizeShow the current file size in the status bar显示图像尺寸和大小的插件Image PreviewShows image preview in the gutter and on hover实时显示log文件的插件Log ViewerFeaturesMonitor files based on glob pattern (picomatch)Absolute or relative to workspaceSupports windows UNC pathsClear log view (without modifying the file)Automatically follow and unfollow tail based on scroll positionSupport for large log files (only loads last 64KB)Log highlighting (log4net)A large number of supported encodings (iconv-lite)10. Debug VSCode恢复出厂设置【ref】vscode如何恢复刚安装的状态 - 雨是神的烟花的回答 - 知乎找不到解释器或转不到定义怎么办安装Pylance插件如果在vscode中只打开了一个轻量化的代码目录而不是含有多个目录的工作区一般情况下Pylance都能正常工作有时候遇到“找不到解释器或转不到定义”的情况时只需要在vscode界面右下角切换到其他的解释器再切换回来试试当引入工作区后工作区中除了代码文件夹外可能还有包含大量数据的数据文件夹这时在code-workspace中添加analysis.exclude可以让Pylance完全跳过庞大目录的静态分析与索引具体的工作区案例// /home/lxq/studio/workspace/Spirogram.code-workspace{folders:[{name:workspace,path:.},{name:utils_lxq,path:../../../../mnt/vdc/LJ/spirogram/utils_lxq},{name:scripts_lxq,path:../../../../mnt/vdc/LJ/spirogram/scripts_lxq},{name:spirogram_vdc,path:../../../../mnt/vdc/LJ/spirogram},{name:spirogram_vdb,path:../../../../mnt/vdb/LJ/spirogram}],settings:{python.languageServer:Pylance,python.defaultInterpreterPath:/mnt/vdc/LJ/spirogram/utils_lxq/miniconda3/envs/spirogram_env/bin/python,python.analysis.autoImportCompletions:true,python.analysis.extraPaths:[/mnt/vdc/LJ/spirogram/utils_lxq/miniconda3/envs/spirogram_env,/mnt/vdc/LJ/spirogram/scripts_lxq],python.analysis.exclude:[/mnt/vdc/LJ/spirogram,/mnt/vdb/LJ/spirogram]}}【ref】VS Code无法实现“转到定义“vscode粘贴的快捷键被改了怎么办【ref】vscode快捷键重置及快捷键恢复
📝

华诺云谱内容团队

资深建站顾问 · 行业研究员

10年+企业数字化服务经验,专注智能建站、SEO优化与品牌营销,持续输出建站技巧、行业洞察与营销干货,已帮助5000+企业实现数字化增长。

你可能需要的服务

订阅华诺云谱资讯周报

每周一封,精选建站技巧、SEO与营销干货,直达邮箱。已有 8,000+ 企业主订阅,助你少走弯路。

↑