admin管理员组

文章数量:1566606

【start:2023.01.09】

目录

  • 1. 引言
  • 2. 安装 VSCode
  • 3. 配置基本功能
    • 3.1. 即时自动保存
    • 3.2. 鼠标滚动缩放字体
    • 3.3. 单行显示不下则换行
    • 3.4. 调整窗口字体的缩放级别
    • 3.5. 打开新文件时不覆盖原来的文件
    • 3.6. 调整工作台颜色主题
  • 4. 修改文件存储位置
    • 4.1. C盘数据迁移
  • 5. 添加快捷方式
    • 5.1. 右键从文件夹打开VSCode
    • 5.2. vscode终端自动激活环境
    • 5.3 在VScode中使用系统默认的应用打开文件
  • 6. 安装多种编程语言插件
    • 6.1. vscode配置c语言环境
      • 6.1.1. 5.1.1 安装visual studio
      • 6.1.2. 5.1.2 安装visual studio C++ build tools
    • 6.2. vscode配置matlab语言环境
    • 6.3. vscode配置python语言环境
  • 7. 安装 jupyter 库
    • 7.1. 安装jupyter库
    • 7.2. ipynb 和 py 的区别
    • 7.3. ipynb 和 py 一条龙服务
    • 7.4. 直接在py文件中分块
    • 7.5. 调整jupyter notbook颜色主题
    • 7.6. 增加jupyter notebook输出框显示的行数
  • 8. 安装 markdown 插件
    • 8.1. 安装markdown插件
    • 8.2. 侧边栏显示大纲(markdown目录)
    • 8.3. md 打开预览&跟随大纲光标
    • 8.4. md文件-小标题自动编号
    • 8.5. md插入图片并设置尺寸
  • 9. 安装其他 amazing 插件
    • 9.1. 把py代码转为流程图:pycallgraph2
    • 9.2. 代码自动注释插件:CodeWhisperer
  • 10. Debug VSCode
    • 10.1. 恢复出厂设置
    • 10.2. 有时候ctrl+右键转不到定义怎么办?
    • 10.3. vscode粘贴的快捷键被改了怎么办?

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"
}

5.3 在VScode中使用系统默认的应用打开文件

安装open插件

安装完成后,右键该文件名称,可以选择open with default application

在VScode中使用系统默认的应用打开文件,如word,excel,ppt等

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

6.1. vscode配置c语言环境

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

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

  2. 下载编译器MinGW并解压
    下载页面:https://sourceforge/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/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快捷键重置及快捷键恢复

本文标签: 快捷方式插件编辑手册软件