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

【start:2023.01.09】

1. 引言

在这里插入图片描述

Visual Studio Code是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,设计得很人性化,旨在为所有开发者提供一款专注于代码本身的免费的编辑器。


注意,vscode和visual studio是有区别的:visual studio是集成开发环境,它包括了整个软件生命周期中所需要的大部分工具;vscode是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮特性。

2. 安装 VSCode

【link】Visual Studio Code 安装教程

3. 配置基本功能

用快捷键 ctrl + , 打开设置界面,输入关键字查询相应设置的key

3.1. 即时自动保存

在这里插入图片描述
在这里插入图片描述

3.2. 鼠标滚动缩放字体

在这里插入图片描述

3.3. 单行显示不下则换行

在这里插入图片描述

3.4. 调整窗口字体的缩放级别

在这里插入图片描述

3.5. 打开新文件时不覆盖原来的文件

在vscode中,对于一个变量,ctrl+左键 可以 转到定义

但是,这样“跳转”可能会覆盖掉原来窗口中正在阅读的文件,非常影响使用体验

解决方法:

在 json 设置中添加以下两行,或将对应属性设置成 false/true

"workbench.editor.enablePreview": false,
"workbench.editor.showTabs": true

修改后的选项如下:

在这里插入图片描述
在这里插入图片描述

3.6. 调整工作台颜色主题

浅色或深色都可,还可以在“扩展”中下载到更多颜色主题
在这里插入图片描述

4. 修改文件存储位置

4.1. C盘数据迁移

如果VSCode占用了C盘太多容量

可以把C盘文件转移到D盘,然后在C盘创建符号链接

cmd:

mklink /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盘空间问题的解决

5. 添加快捷方式

5.1. 右键从文件夹打开VSCode

【ref】超简单设置右键打开 vscode的方法

如果安装vscode时,未配置“ 右键从文件夹打开VSCode”

则,在vscode安装地址下,手动添加txt文件(把path改成自己的):

Windows Registry Editor Version 5.00
    
[HKEY_CLASSES_ROOT\*\shell\VSCode]
@="Open with Code"
"Icon"="E:\\Microsoft VS Code\\Code.exe"
    
[HKEY_CLASSES_ROOT\*\shell\VSCode\command]
@="\"E:\\Microsoft VS Code\\Code.exe\" \"%1\""
    
Windows Registry Editor Version 5.00
    
[HKEY_CLASSES_ROOT\Directory\shell\VSCode]
@="Open with Code"
"Icon"="E:\\Microsoft VS Code\\Code.exe"
    
[HKEY_CLASSES_ROOT\Directory\shell\VSCode\command]
@="\"E:\\Microsoft VS Code\\Code.exe\" \"%V\""
    
Windows Registry Editor Version 5.00
    
[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode]
@="Open with Code"
"Icon"="E:\\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系统文本文档后缀名怎么显示

5.2. vscode终端自动激活环境

打开 VS Code,然后在集成终端中输入以下命令:
csharp
conda init powershell
这将自动配置 PowerShell 以使用 Conda 环境。

然后,在 PowerShell 控制台中输入以下命令:
bash
notepad $PROFILE
这将打开 PowerShell 的配置文件。

在 PowerShell 的配置文件的第一行中添加以下代码:
conda activate myenv
具体如下:

conda activate myenv
# Import the Chocolatey Profile that contains the necessary code to enable
# tab-completions to function for `choco`.
# Be aware that if you are missing these lines from your profile, tab completion
# for `choco` will not function.
# See https://ch0.co/tab-completion for details.
$ChocolateyProfile = "$env:ChocolateyInstall\helpers\chocolateyProfile.psm1"
if (Test-Path($ChocolateyProfile)) {
  Import-Module "$ChocolateyProfile"
}

这样之后,下次在集成终端中打开 Command Prompt 或 PowerShell 时,将自动激活名为“myenv”的 Conda 环境


旧版配置文件:

# 地址:D:\Users\lenovo\AppData\Local\Programs\Microsoft VS Code
# 自动激活 myenv Conda 环境
if (Test-Path "F:\CS\Anaconda3\Scripts\activate.bat") {
    & "F:\CS\Anaconda3\Scripts\activate.bat" "F:\CS\Anaconda3\envs\signal38"
}

6. 安装多种编程语言插件

6.1. vscode配置c语言环境

【ref】vscode配置c语言环境以及launch:program“*****.exe” does not exist问题(保姆级检查)

  1. 下载编辑器VScode
    官网:https://code.visualstudio.com/

  2. 下载编译器MinGW并解压
    下载页面:https://sourceforge.net/projects/mingw-w64/files/
    下载页面中选择 x86_64-win32-seh 下载

  3. 将MinGW添加至环境变量


6.1.1. 5.1.1 安装visual studio

直接上官网装一个vs2019版

在这里插入图片描述

注意,第一次安装后,Windows 11 SDK 会在注册表内留下信息,假如在f盘留下了信息,硬盘损坏后f盘消失了,就无法修改注册表的信息了(或者说找不到原来的路径了,导致无法删除),这样vs永远会安装失败

6.1.2. 5.1.2 安装visual studio C++ build tools

demo中的案例:
【ref】盲图像超分辨率重建 ( CVPR,2022) (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时安装包缺失或损坏的问题

在这里插入图片描述

6.2. vscode配置matlab语言环境

conda create -n pymat37 python=3.7

【ref】Vscode 配置 matlab 环境
图片精美

【ref】【MATLAB+VScode】VScode运行MATLAB
提到了python3.7接口

【ref】[vscode配置]在vscode中编辑matlab脚本
提到了快捷键

在这里插入图片描述

6.3. vscode配置python语言环境

【ref】VS Code配置使用 Python,超详细配置指南,看这一篇就够了

7. 安装 jupyter 库

7.1. 安装jupyter库

jupyter分块模式插件

直接pip install jupyter
激活环境后,在命令行输入jupyter notebook打开jupyer记事本

7.2. ipynb 和 py 的区别

py文件可以直接用__file__读取文件名,ipynb文件不行

# 保存运行时使用的main文件,视文件的实际执行格式而定
# source_file = os.path.basename(__file__)
# source_file = r'main.py'
source_file = r'main.ipynb'
print(f"\nsource_file : {source_file}")

7.3. ipynb 和 py 一条龙服务

为了读代码方便,先用ipynb写code和markdown,

然后将ipynb导出为“预览py文件”,markdown会以注释的形式存留

再把“预览py文件”复制到新py文件中即可

在这里插入图片描述

7.4. 直接在py文件中分块

加入# %% [markdown]即可

在这里插入图片描述

7.5. 调整jupyter notbook颜色主题

在这里插入图片描述

7.6. 增加jupyter notebook输出框显示的行数

在这里插入图片描述

8. 安装 markdown 插件

8.1. 安装markdown插件

首选:Markdown Editor

一个插件解决:所见即所得、粘贴图片自动保存到assets文件夹 的功能

在这里插入图片描述


或者:

Markdown Preview Enhanced
Markdown All in One
paste image

8.2. 侧边栏显示大纲(markdown目录)

view -> open view -> outline

在这里插入图片描述

8.3. md 打开预览&跟随大纲光标

安装Markdown Preview Enhanced插件,点击打开侧边预览功能

建议设置快捷键为:Shift+Alt+P

8.4. md文件-小标题自动编号

markdown快速编号
安装Markdown All in One插件

【reg】VSCode插件生成编号、目录、文件目录树

建议设置快捷键为:Shift+Alt+M

8.5. md插入图片并设置尺寸

安装paste image插件,在插件的config的Insert Pattern模块中

把:

${imageSyntaxPrefix}${imageFilePath}${imageSyntaxSuffix}

改成:

<div align=center><img width = '400' src = '${imageFilePath}'></div>

结果如图:

默认快捷键为:Ctrl+Alt+v

9. 安装其他 amazing 插件

9.1. 把py代码转为流程图:pycallgraph2

安装包
pip install pycallgraph2

下载插件,并添加bin到环境路径
【ref】Graphviz 官网

在需要转换为流程图的代码前加入代码

from pycallgraph2 import PyCallGraph
from pycallgraph2.output import GraphvizOutput
graphviz = GraphvizOutput()
graphviz.output_file = 'graphviz.png'
with PyCallGraph(output=graphviz):   

请添加图片描述

9.2. 代码自动注释插件:CodeWhisperer

安装插件:AWS Toolkit

输入注释后面加# 回车即可看到自动代码建议,按Tab键即为接收建议

具体教程如下:

【ref】VSCode使用CodeWhisperer(AI编程)

10. Debug VSCode

10.1. 恢复出厂设置

【ref】vscode如何恢复刚安装的状态? - 雨是神的烟花的回答 - 知乎

10.2. 有时候ctrl+右键转不到定义怎么办?

命令面板切换一个其他的解释器,再切换回来试试

安装Pylance插件
【ref】VS Code无法实现“转到定义“?

10.3. vscode粘贴的快捷键被改了怎么办?

【ref】vscode快捷键重置及快捷键恢复

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio Code是一款轻量级的文本编辑器,提供了丰富的功能和插件来支持Markdown语法的编辑和预览。通过使用VS CodeMarkdown插件,你可以方便地编写和生成PDF文档。 使用VS Code编写Markdown文档的步骤如下: 1. 在VS Code中打开一个新的Markdown文件或者已有的文件。 2. 使用Markdown语法编写文档内容,包括标题、段落、列表、引用等。你可以使用Markdown插件提供的快捷键或者工具栏按钮来插入Markdown标记。 3. 在编辑器中使用预览功能来实时查看Markdown文档的渲染效果。可以通过按下`Ctrl+Shift+V`快捷键或者点击编辑器右上角的预览按钮来切换到预览模式。 4. 使用Markdown插件提供的导出功能将Markdown文档导出为PDF格式。具体的导出方式取决于你所使用的Markdown插件。你可以在插件的文档或者设置中找到相关信息并按照指导进行操作。 总结起来,使用Visual Studio CodeMarkdown插件可以方便地编辑和预览Markdown文档,并且通过插件提供的导出功能将Markdown文档导出为PDF格式的文件。这样可以提升编写技术文档的效率和体验。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [使用 VS Code + Markdown 编写 PDF 文档](https://blog.csdn.net/mzl87/article/details/124859555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值