vscode 使用手册

yywxl

已于 2024-03-15 10:52:44 修改

阅读量1.4k

点赞数

分类专栏：开发工具文章标签： vscode

于 2021-10-08 11:37:28 首次发布

本文链接：https://blog.csdn.net/yywxl/article/details/120648750

版权

开发工具专栏收录该内容

4 篇文章 0 订阅

订阅专栏

使用了很久vscode 才发现一些自己常用的配置下次再使用时依然需要搜索才能知道怎么配置，故此记录下一些配置流程，并非从头开始的完整记录，从现在开始用到就记录下吧

文章目录

vscode 下载安装

https://code.visualstudio.com/Download

20230518 官网都打不开了
连接热点可以打开官网，但是下载还是不行

ref

https://az764295.vo.msecnd.net/stable/b3e4e68a0bc097f0ae7907b217c1119af9e03435/VSCodeUserSetup-x64-1.78.2.exe
将其中az764295.vo.msecnd.net 修改为vscode.cdn.azure.cn
https://vscode.cdn.azure.cn/stable/b3e4e68a0bc097f0ae7907b217c1119af9e03435/VSCodeUserSetup-x64-1.78.2.exe
解决

安装python 插件

在安装插件的地方搜索永远都是Error while fetching extensions. XHR failed
。。。。

手机热点连接
可以搜索到，安装时依然不行

只有尝试右下角下载后安装

通过界面 install from vsix 有的成功，有的失败
通过命令行安装
code --install-extension xx.vsix

~~大无语~~

ssh remote

安装remote-ssh
remote-ssh
remote-explorer 安装这个才能在左侧栏显示图标
ssh-remote 连接不上
删除远程服务器上: /root/ 下 .vscode_server 和.ssh 文件夹
删除本地文件: C:\Users\keda_wl 下.ssh 文件夹
删除vscode remote-ssh 插件

重新安装remote-ssh 插件，然后按照流程配置即可

vscode-server
没有配置科学上网，连接远程服务器总是出现由于vscode-server.tat.gz而连不上
下载vscode-server.tar.gz

原始的下载网址为
https://update.code.visualstudio.com/commit:3b889b090b5ad5793f524b5d1d39fda662b96a2a/server-linux-x64/stable
commit 后面的一串就是你的vscode commit id 替换即可，但是上述网址打不开
一个可替代的网址是
https://vscode.cdn.azure.cn/stable/3b889b090b5ad5793f524b5d1d39fda662b96a2a/vscode-server-linux-x64.tar.gz

解压
在/root/.vscode-server/bin 文件夹下创建commit id 的文件夹
将vscode-server.tar.gz 移动到此文件夹下
tar -xvf vscode-server.tar.gz
再将解压的文件移动到commit id 文件夹下即可
mv vscode-server/* .
remote-ssh 不用每次输入密码

win10 cmd(我也不知道什么时候安装了ssh,如不清楚安装的找教程)
ssh -keygen
默认在C:\Users\${name}\.ssh/ 文件夹下生成id_rsa.pub
将id_rsa.pub 移动到服务器/root/.ssh 文件夹下

cd /root/.ssh
cat id_rsa.pub >> authorized_keys

配置vscodeC:\Users\${name}\.ssh\config
点击即可打开

配置：

# 举例 ip 都是假的
Host <远程主机名称>
    HostName <远程主机IP>
    User <用户名>
    IdentityFile <本机SSH私钥路径>
e.g.
Host AI服务器233
	HostName 23.23.23.233
	User root
	IdentityFile C:\Users\ai\.ssh\id_rsa

改变字体大小

ctrl+= (是退格旁的那个）
ctrl± (亦是退格旁那个）
或者你看菜单里 view-zoom in/out 就好了

编辑器/脚本字体和控制台字体
设置中搜索font 设置

配置80 字符线垂直标尺

python PEP-8 规定80 字符，实际为79 字符

文件->首选项->设置 搜索rulers 点击在settings.json 中编辑 添加如下代码

"editor.rulers": [
    80
    ],

代码自动保存

在这里插入图片描述

python 自动文档格式化

右键自动格式化文档 即可
需要安装pip install autopep8

设置快捷模板

文件->首选项->用户片段选择新建python json

{
	// Place your snippets for python 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:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"python script template":{
		"prefix": "annotation_scrip",
		"body":[
			"# coding=utf-8",
			"\"\"\"",
			"@filename   : $TM_FILENAME",
			"@author     : keda_wl",
			"@time       : $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
			"@description: ${1}",
			"\"\"\"",
		],
		"description": "python 头注释模板"
	},

	"python func annatation template":{
		"prefix": "annotation_func",
		"body":[
			"\"\"\"${1}",
			":param ${2}: ${3}",
			":return: ${0}",
			"\"\"\"",
		],
		"description": "python 函数注释模板"
	},

}

vscode 显示空格字符

setting 中搜索renderwhite 设置为all 即可
在这里插入图片描述

debug 进入运行脚本所在文件夹，而不是工作目录

在 .vscode/launch.json 中添加配置"cwd": "${fileDirname}"

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: 当前文件",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal",
            "cwd": "${fileDirname}"
        }
    ]
}