vscode使用合集——python,C++

已于 2024-02-08 22:06:59 修改
阅读量5.2k 收藏 15
点赞数 3
分类专栏： 工具日常使用 文章标签： vscode python
于 2021-08-24 10:40:51 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/Castlehe/article/details/119725276
版权

文章目录


重度推荐阅读文章： VS Code」Visual Studio Code 菜鸟教程：从入门到精通

1. 添加python文件头模板

参考：vscode添加python文件头模板
其他相关可用的变量可以看：vscode-userdefinedsnippets#_variables

正规的叫法是 自定义snippet（代码段） /用户自定义代码段

点击 用户->首选项->用户片段，选择对应的语言，例如python，然后会自动打开一个python.json文件，在其中写入以下大致内容即可：

{
    "HEADER":{
        "prefix": "header",
        "body": [
        "#!/usr/bin/env python",
        "# -*- encoding: utf-8 -*-",
        "'''",
        "@File    :   $TM_FILENAME",
        "@Time    :   $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
        "@Author  :   Li si（换成你的名字） ",
        "@Version :   1.0",
        "@Contact :   raogx.vip@hotmail.com（换成你的邮箱）",
        "@License :   (C)Copyright 2017-2018, Liugroup-NLPR-CASIA",
        "@Desc    :   None",
        
        "'''",
        "",
        "# here put the import lib",
        "import os",
        "import matplotlib.pyplot as plt",
        "...."
    ],
    }
    
}

然后在.py文件中输入header，就会自动弹出选项，选择即可，类似：
在这里插入图片描述

2. 格式化代码

例如，python要求满足pep8规范，可以直接在编辑器界面右击，格式化
在这里插入图片描述
或者
在这里插入图片描述
如果没有安装相应语言的格式化插件，在使用快捷键之后会进行提醒，类似
在这里插入图片描述
根据弹出的左侧插件栏的提示进行安装即可。

另外，还可以配置使得在保存文件时自动进行格式化，配置->文本编辑器->格式化，将以下两个复选框勾选☑️。
在这里插入图片描述

3. 终端字体调大

一开始使用vscode的时候，总觉得终端输出的东西很丑，后来发现是因为字太小了，看着不舒服，所以在文件->首选项-设置中找到了终端字体的设置，如下，默认14号字，改成16号（和编辑器字体一个大小），就差不多了，看着就舒服很多。
在这里插入图片描述
编辑器和终端字体都是16号的效果，看起来比较舒服
在这里插入图片描述

4. 终端美化

根据vscode设置终端进行优化的方法可知：

默认情况下， Windows 10 上会使用 PowerShell， Win 10 以下的版本默认的 Shell 是 Cmd。
macOS 和 Linux 下 VS Code 会检测你的默认 Shell 是什么。比如在我的系统上，我就是使用 Zsh，而如果没有找到的话，终端则会使用 Bash 或者 sh 作为启动时的 Shell 环境。

相关设置可以在这里找到：
在这里插入图片描述

所以mac/linux环境下，shell是可以调控的，有较大的美化空间！

4.1. mac\linux环境下

macOS的terminal的zsh颜色主题设置及zsh和bash切换

参考：

4.2. windows环境下

可优化的空间很小，但是还是可以稍稍改一点东西的

参考：

5. vscode颜色主题/文件图标/产品图标/文件图标

文件->首选项->颜色主题/文件图标主题/产品图标主题，比如选择颜色主题，然后选择安装其他颜色主题
在这里插入图片描述
左侧导航栏就会自动切换到插件tab，如果能记住主题的名称，其实可以直接在插件里搜主题。
在这里插入图片描述
vscode其实有很多主题，很多网友贡献，这里记录几个我自己觉得好看的，最后选择的是vscode-icons，感觉大佬用的都是这个。。

Firefox Theme
Firefox Light
在这里插入图片描述

Tokyo Night
Tokyo Night Light
在这里插入图片描述
Nu Disco
Nu Disco Light
在这里插入图片描述
GitHub Light
GitHub
在这里插入图片描述

参考：

6. vscode使用访问远程服务器

一开始都是只知道sftp插件，后来搜索发现一个叫remote development的工具，
感谢：VsCode SFTP插件详细使用介绍
和：VScode Remote 远程开发与调试

官方文档：VS Code Remote Development
【可以看到左侧的导航栏，就在下方有一个Remote，包含所有远程相关的内容】

6.1 安装remote development

直接在扩展中搜索remote，看到相关内容的扩展有这么多，直接安装Remote Development，其他上面四个相关的会同时安装。

在这里插入图片描述

6.2 使用ssh连接远程服务器

如果有疑惑，可以参考官方文档：

当安装好上面的remotr development工具之后，其实会发现：最左下角的状态栏已经发生了变化，
在这里插入图片描述
点击这个蓝色按钮，会看到出现
在这里插入图片描述
使用Connect to Host...，然后输入对应的ssh命令，例如：

ssh -p 22 XXX@1XX.1XX.2X.1XX
ssh -p 端口号 用户名@服务器url

在这里插入图片描述
确认之后会让你选择ssh的config，如果之前使用过，可以直接选择已有的，比如，默认ssh会放在用户文件夹下
在这里插入图片描述
选择之后，会提示
在这里插入图片描述
打开配置文件看，其实只有

Host 1XX.1XX.2X.1XX
  HostName 1XX.1XX.2X.1XX
  Port 22
  User username

然后可能这个弹出框就消失了，可以继续点击左下角的远程连接符号，按照提示一步步进行，然后会新打开一个vscode界面，点击左侧的文件管理器，可以看到
在这里插入图片描述
选择一个自己想要的文件夹，就可以看到左侧文件管理器中的内容
在这里插入图片描述
确实和远程服务器连接啦，哈哈。同时，也可以看到左下角的远程连接状态已经变成了ssh：远程服务器IP
在这里插入图片描述
然后就可以直接在左侧的文件管理器进行文件的新建和修改等操作了，同时也支持直接拖动文件进行，但是，并不支持在这里运行程序，还是要去CLI中运行的。但是可以直接打开一个新终端，类似：
在这里插入图片描述

这样就实现了，在vscode中直接进行文件新建和编辑等操作，同时可以使用终端进行连接（由于这里已经配置过ssh，所以直接打开新终端就会直接基于当前的文件夹目录，爽呆了！！！！！）

另外，如果在zsh中启动了docker，那么CLI的图标就变成了docker
在这里插入图片描述

6.3 AI工程师的程序界面

想要一边有个终端负责命令，一边有个终端负责监控资源，就可以采取下面这种形式，vscode还可以把终端以tab的形式显示在文本编辑器的位置，GOod
在这里插入图片描述
更炫酷的还可以这样，一边监视GPU，一边监视CPU，

# 查看GPU
watch -n 0.5 nvidia-smi
# 查看cpu
top
top -p pid 查看程序的情况

nvidia-smi的输出结果说明：

top的输出结果说明：Linux下top命令详解
在这里插入图片描述
当然，也可以考虑先使用nvidia-smi查看某个使用GPU的进程id，然后使用top -p id专门监控某个进程
在这里插入图片描述

6.4 Top命令替代-更好的查看GPU等信息

nvtop，来自 https://github.com/Syllo/nvtop
在这里插入图片描述

nvitop，来自 https://github.com/XuehaiPan/nvitop
在这里插入图片描述

参考：

6.5 vscode自带的端口转发

本地vscode远程连接服务器，在命令行中启动服务器上的诸如tensorboard等的服务，然后会提示访问本地的https://127.0.0.1:XXX就可以访问。
这全都归功于vscode的端口转发功能
img

参考：

8. python debug调试以及变量查看窗口

8.1 debug

参考Debugging

8.2 变量查看窗口

matlab的工作区可以看到运行过的文件中的变量，很清晰。

其实spyder和pycharm里也有，jupyter也有

8.2.1 spyder

spyder的介绍：The Scientific Python Development Environment
从这里来看，matlab也是用于科学计算的，所以很像，包括R语言也是。
在这里插入图片描述
这个界面就很适合，

在这里插入图片描述

参考：

8.2.2 pycharm(专业版)

可以直接看pycharm的文档：

或者网上的一些教程：

8.2.3 jupyter

详细使用见：Data Science in VS Code tutorial

8.2.4 VSCode-Run Current File in Python Interactive Window

根据Is there any way(by setting or extension) to view and use variables in VSCODE other than setting breakpoints. likes Spyder?

9. vscode配置git terminal

参考Integrated Terminal

选择终端界面右上角的+号，选择配置终端设置
在这里插入图片描述
在打开的界面中，搜索Terminal › Integrated › Profiles: Windows，根据自己的系统，去打开对应的setting.json文件，例如，我就是windows
在这里插入图片描述
打开这个setting.json文件，按照下面的方式去添加git，路径是自己电脑上安装的git路径

   "terminal.integrated.profiles.windows": {
        "Git Bash": {
            "path":"D:\\software\\Git\\bin\\bash.exe",
        },
  • 不建议看到默认的其它配置中有source就去使用这个参数
  • source 属性自动检测 shell 的位置。或手动设置 path 属性(通过可选的 args 进行)

9. 插件推荐

除了常见的插件，其实使用过程中还看到了一些其他的插件。

9.1 Resource Monitor

https://marketplace.visualstudio.com/items?itemName=mutantdino.resourcemonitor
在这里插入图片描述
可以比较方便的查看CPU使用量，挺好的

9.2 vscode-go-to-file跳转到光标所在的路径的文件

类似vim里gf（go to file）的功能，简单来说，就是当你把光标放在一个字符串格式的路径中时，按下某个快捷键，就可以打开这个路径对应的文件。

在vscode的插件里搜索并安装vscode-go-to-file，默认的跳转命令是：vscodeGoToFile.goToFile

  • 默认没有快捷键绑定，需要自己自定义，例如：我的
    在这里插入图片描述

效果演示（光标放到一个文件上，然后按下自己的快捷键）：
请添加图片描述
但是这个插件在vscode远程的时候好像有点问题，更推荐去安装：Open file From Path这个插件，默认alt+d快捷键

在这里插入图片描述

参考：

9.3 vscode icon美化

在这里插入图片描述
这个主题是
在这里插入图片描述
安装这个就行了

9.4 markdown image paste插件

使用vscode+Markdown Paste插件
在这里插入图片描述
在这里插入图片描述

或者可以考虑另一个更受欢迎的插件，
在这里插入图片描述
但是我在Windows上用这个插件，并不能生效。

参考：

9.5 Markdown All in One插件

用这个插件主要有两个原因：目录和复选框支持（Github的语法支持）

  1. 单纯的vscode的markdown语法不支持 -[X]复选框的语法，在预览中显示
    在这里插入图片描述
  2. 安装Markdown All in One插件之后，则可以正常显示
    在这里插入图片描述
  3. 同时也支持目录，command+shift+P打开命令行，输入Create Table of Contents
    在这里插入图片描述
    就可以创建出目录了，类似下面这样
    在这里插入图片描述
    同时右侧链接是可点的，且上传到github上这个链接也是锚点可以点击跳转的

9.6 python formatter

根据https://code.visualstudio.com/docs/python/formatting 可知，如果想让vscode可以支持python的格式化，需要安装插件。。

autopep8插件
在这里插入图片描述
同时，如果希望设置保存或者粘贴时自动格式化，可以在设置中搜索 格式，勾上相应的复选框即可
在这里插入图片描述

9.7 Python Extension Pack

在这里插入图片描述
安装了这一个包，就相当于安装了以下这些包，对比较重要的两个进行了说明

  • Python - Linting, Debugging (multi-threaded, remote), Intellisense, code formatting, refactoring, unit tests, snippets, Data Science (with Jupyter), PySpark and more.
  • Jinja - Jinja template language support for Visual Studio Code.
  • Django - Beautiful syntax and scoped snippets for perfectionists with deadlines.
  • Visual Studio IntelliCode - Provides AI-assisted productivity features for Python developers in Visual Studio Code with insights based on understanding your code combined with machine learning…
  • Python Environment Manager - Provides the ability to view and manage all of your Python environments & packages from a single place.
    这个的作用，就是左侧工具栏会多出来一个tab，用来管理python环境的
    在这里插入图片描述
  • Python Docstring Generator - Quickly insert Python comment blocks with contextually inferred parameters for classes and methods based on multiple, selectable template patterns.
    这个的作用就是，当你在函数中使用""""""准备写注释的时候，会自动根据当前已有的函数参数和返回值来生成Docstring，类似：
    在这里插入图片描述
    单击之后，就会生成这样的说明文档格式了
    def add_value(a,b):
    """_summary_

    Args:
        a (_type_): _description_
        b (_type_): _description_

    Returns:
        _type_: _description_
    """
    return sum
  • Python Indent - Correct python indentation in Visual Studio Code.
  • Jupyter - Provides Jupyter notebook support for Python language, used for data science, scientific computing and machine learning.

9.8 CodeSnap(复制代码成好看的图片)

在这里插入图片描述
在编辑器界面，右击 CopySnap，然后界面右侧会出现一个预览界面，然后选中左侧要复制为图片的代码，右边预览复制即可

在这里插入图片描述

10. 问题

10.1 ssh远程连接失败

之前写过一个，这个vscode使用ssh远程连接失败（及其他问题合集）

10.2 [error] Error: XHR failed

简单来说，就是安装extension的时候网有问题

11. C++

11.1 C++的用户代码片段配置

和python差不多，内容格式变了，类似这样：
prefix就是输入什么东西，会触发这个片段（因为C++引用包是#include，所以设置为#inc就很方便）
body就是片段的内容了，每行的内容用双引号括起来，换行可以用\n

{
	// Place your snippets for cpp here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"C++ OpenCV snippet": {
		"prefix": "#inc",
		"body": [
			"/*",
			"@File    :   $TM_FILENAME",
			"@Time    :   $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
			"@Author  :   xxx",
			"@Version :   1.0",
			"@Contact :   XXX@outlook.com",
			"@License :   (C)Copyright 2023~",
			"@Desc    :   None",
			"\n切换到相应目录",
			"cd opencv_code/2.Opencv初探\n",
			"clang++ -Wall -v -std=c++11 $TM_FILENAME \\ ",
			"-I/usr/local/include/opencv4 `pkg-config --libs opencv4` -lncurses \\ ",
			"-o ../Execution/$TM_FILENAME_BASE",
			"\n或者直接指明要链接的库",
			"clang++ -Wall -v -std=c++11 $TM_FILENAME \\ ",
			"-I/usr/local/include/opencv4 \\ ",
			"-L/usr/local/lib -lopencv_core -lopencv_highgui -lopencv_videoio -lncurses \\ ",
			"-o ../Execution/$TM_FILENAME_BASE \n",
			"运行可执行文件"
			"../Execution/$TM_FILENAME_BASE ../Execution/demo.mp4",
			"*/ \n",
			"#include <iostream>"
			"#include <opencv2/opencv.hpp>\n"
			"void help(char **argv){",
   			"std::cout << \"$TM_FILENAME\"",
            "<< argv[0] << \" <path/video>\""
            "<< \"For example:\"",
            "<< argv[0] << \" ../tree.avi\";",
			"}",
			"int main(int argc, char **argv){\n\n  return 0;\n\n }"
		],
		"description": "include opencv and execution description"
	}
}

输入输出的效果是这样：
在这里插入图片描述

参考：

11.2 C++的调试配置

详见：学习OpenCV（蝴蝶书/C++）相关——2.MacOS下使用VSCode调试cpp程序

11.3 VScode大纲里的图标意义（vscode outline icon meaning）

11.3.1 图标列表

详见Product Icon Reference，其中和C++的大纲相关的图标是如下：搜索symbol即可。

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

11.3.2 例子

鼠标放上去也有提示
在这里插入图片描述

吨吨不打野
关注
  • 3
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
vscode 配置 python3开发环境
小兵大将0221
07-21 9万+
vscode来写python，配置灵活，界面美观，是个非常好的选择。我这里是在ubuntu系统下配置vscode的python3开发环境，当然也可以参照本文在其它操作系统下配置vscode的python开发环境。 1 安装插件 2 配置 2.1 建立Python文件夹 2.2 配置launch.json 文件 2.3 配置tasks.json 文件 2.4 用户设置 1 安...
Python 编程的最好搭档—VSCode 详细指南
weixin_42636275的博客
04-11 2314
刚学Python的同学可能会觉得每次写Python的时候都得打开Cmd有点烦躁，直接上手Pycharm的同学可能会觉得这软件太笨重了，晦涩难用（尽管对于老手而言，Pycharm用起来确实非常爽）。那么有没有省去打开CMD的步骤，又能弥补Pycharm笨重的特点的软件呢？——答案是VSCode. 诞生于2015年的VSCode编辑器，现在可以说是目前最强的编辑器之一，在微软的背书下，比各位历史悠久的...
vscode c c++ python linux 开发环境配置
10-11
vscode c c++ python linux 开发环境配置
使用vscode编写、运行Python程序
Python栈
09-19 6817
选中你安装的Python.exe，稍等一小会儿，vscode界面左下角会显示下图中红框内的文字，即表示vscode已经识别到了Python解释器。然后在左上角的搜索框中输入：Python，如下图所示，点击下图中红框内的按钮安装插件，点击后红框内的按钮会变成“Installing”，等待，直到“Installing”消失。点击上图中绿色箭头指向的按钮，可以新建文件并给文件命名。在磁盘中新建文件夹，比如我在C盘下建立名为“Python学习”的文件夹，然后在vscode界面下依次点击下图中的红色按钮和紫色按钮。
VScode（Python）使用ssh远程开发（Linux系统树莓派）时，配置falke8和yapf总结避坑！最详细，一步到位！
qq_59449692的博客
03-10 1198
写在前面：在Windows系统下使用VScode时可以很舒服的使用flake8和yapf，但是在ssh远程开发树莓派时，我却用不了，总是出现问题。当时我就开始了漫长的探索求知之路。中间也请教过许多大佬，但是他们就讲“能用不就行了，那么纠结干啥？确实够用，但有问题摆在面前的时候，不解决掉它总是感觉不得劲。还在我比较“闲”，也好在我比较轴，终于得偿所愿。（可能这对大神而言，是个微不足道的问题，哈哈哈大神飘过就好。在此仅愿能够对需要的朋友有所帮助）
VSCode使用 - 搭建python运行调试环境
Python栈
07-05 1万+
VSCode是一个优秀的编辑工具，适合代码阅读，代码编辑，甚至配置好之后，可以编译与调试代码。为了方便编辑，运行python程序，本文就聊聊如何将VSCode搭建为一个python的IDE吧，具备运行与调试python程序的能力。首先，安装python程序，这样才能进行python开发，我这里安装了python-3.7.4和python-2.7.16，都是目前的最新版本了。具体的安装过程这里就不说明了，很简单的。
VScode上配置python环境过程，vscode python环境配置
2201_75362610的博客
07-05 1万+
网站上也有很多详细的教程。但总所周知每个人的计算机是不一样的，遇到的问题也会不一样，此次只是记录本人安装Python的过程。
VS Code配置使用 Python，超详细配置指南，看这一篇就够了
Python单行客的博客
07-14 7万+
VS Code配置使用 Python，超详细配置指南，看这一篇就够了
VSCode配置Python教程
热门推荐
Zhangguohao666的博客
03-25 18万+
使用VSCode优雅的书写Python代码
VS Code配置使用 Python
沉研的博客
12-03 3万+
VS Code配置使用 Python1. 选择Python解释器2. 配置代码语法检查3. 配置代码格式化5. jupyter notebook环境5.1 打开jupyter notebook环境5.2 切换、选择python版本5.3 文本界面运行cell*6 terminal配置（可选） VS Code基础入门使用可查看： VS Code 基础入门使用（配置）教程 其他Vs Code 配置可关注查看： Vs Code 配置专栏 插件 打开插件面板，可以使用快捷键：Ctrl+Shift+X，或者点击左侧的
vscode运行C++和python配置文件
03-04
vscode运行C++和python配置文件
工具使用篇——python操作ActiveMq
12-21
1、python需要安装stomp,stomp包的安装比较麻烦，建议在网上直接下载.whl文件，然后本地安装 2、本机需要安装acitvemq,安装过程参考[https://blog.csdn.net/weixin_41806489/article/details/104997519] ...
VSCode基础使用与VSCode调试python程序入门的图文教程
09-17
主要介绍了VSCode基础使用+VSCode调试python程序入门图文教程,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
VSCode下好用的Python插件及配置
12-23
MS Python插件。 这是微软官方的Python插件，已经自带很多功能。下面是插件功能描述，其中部分内容我做了翻译。 a) Linting (Prospector, Pylint, pycodestyle, Flake8, pylama, pydocstyle, mypy with ...
VSCode断点调试（ROS）
不知语冰
04-19 617
中打ROS，可以自动补全ROS: Attach 或 ROS: Launch。其中，ROS: Attach 表示对一个可执行节点(node) debug，ROS: Launch 表示对一个launch 文件 debug。剩下的就跟pycharm差不多了，2处进行单步调试，3-4处进行变量监视（右键添加到监视），感觉比起pycharm变量很多不全的…，5处可对变量进行修改和计算，不需要加。，弹出一些模板，点默认gdb即可，会在.vscode文件夹下生成。，6处是程序的调用关系，7处切换终端等。
【学习】服务器解决：重新分配同样端口号后，连不上VScode
qq_46110320的博客
04-23 286
清除本地 SSH 缓存中与远程主机相关的条目可以通过编辑 known_hosts 文件来实现。这个文件包含了您曾经连接过的远程主机的公钥信息。原来服务器分配的环境有问题，重新分配了一下。还是同样的端口号，Xshell和xftp能够连接上，但是VScode连接不上。在 Windows 上，known_hosts 文件通常位于用户的 .ssh 目录下。将以前的端口号那一行删除即可。例如此处删除103。打开后，会发现里面有已经缓存过的端口号及密匙。删除之后，VScode再重新连接即可。
【工具】-根源上解决VScode打印输出乱码的问题
最新发布
w384829981的博客
04-26 177
你要想办法第一步把这里改成一致，UTF-8或者GBK都行，反正改成一致，(不改的话就要手动在命令窗口输入编译命令，异常繁琐)，这个编译命令如何改，一般和你的配置文件有关，其中基本在这两个地方，在。中的就不起作用了，至少在编译阶段是不起作用的；中配置文件如下：这里在编译阶段不起作用。
vscode 打代码光标特效
q4717529的博客
04-15 956
在设置里面找到settings 进入之后在代码最下方加入此代码。
vscode使用anaconda的python
06-28
要在VSCode中使用Anaconda的Python，需要按照以下步骤操作： 1. 安装Anaconda：从Anaconda官网下载适合自己操作系统的版本，安装完成后，Anaconda会自动配置环境变量。 2. 安装VSCode：从VSCode官网下载适合自己...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吨吨不打野

解决了问题，觉得还行就给点

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值