VScode-技术文档

fansichao 2021-10-23 16:25:17
Categories： Tags：

tags: Win Vscode IDE 工具 2018 年

1.1. 软件介绍

1.2. 软件下载&安装

Visual Studio Code
Visual Studio Code 官方文档

1.3. 小技巧

1.3.1. 修改语言为中文

步骤一: 在扩展中添加 中文简体语言包

在这里插入图片描述

步骤二: 打开配置文件

点击快捷键ctrl+shift+p，输入 Configure Display Language
在这里插入图片描述

步骤三: 修改配置文件

修改成如图所示即可"locale":"zh-cn"。
保存ctrl+s，重启 vscode 软件即可生效。
在这里插入图片描述

1.3.2. 打开用户设置

步骤一: 打开设置
文件 -> 首选项 -> 设置

步骤二: 打开用户设置文件

输入 settings，点击”在 settings.json 中编辑”即可进入用户设置。
在这里插入图片描述

1.3.3. 修改用户配置文件

当前使用配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
{
    "python.linting.pylintEnabled": true,
    "python.pythonPath": "C:\\Users\\scfan\\Anaconda2\\python.exe",
    "C_Cpp.errorSquiggles": "Disabled",
    "remote.onstartup": true,
    "fileheader.customMade": {
        "Author": "Scfan",
        "Date": "Do not edit",
        "LastEditors": "Scfan",
        "LastEditTime": "Do not edit",
        "Description": "工作&学习&生活",
        "Email": "123123@qq.com",
        "Company": "上海",
        "version": "V1.0",
    },
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Visual Studio Dark",
    "files.autoSave": "afterDelay",
    "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe",
    "python.autoComplete.extraPaths": ["C:/Users/scfan/AppData/Local/Programs/Python/Python37/python3", "C:/Users/scfan/Anaconda2"],
    "python.jediEnabled": false,
    "editor.tabCompletion": "onlySnippets",
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 16,
}

1.4. 常用命令

1.4.1. 基础界面命令

vscode 怎么一次编辑多行

Vscode 快捷键

https://www.cnblogs.com/hellofangfang/p/10511193.html

1.5. 详细插件使用

Vscode 插件市场:

1.5.1. 插件快捷键

简单列出如下插件的常用快捷键。

1.5.2. vscode-icons(图标显示)

根据文件类型显示对应图标。
在这里插入图片描述

1.5.3. koroFileHeader(自定义注释模板)

使用说明:

1.5.4. Markdown Preview Enhanced(MarkDown 使用软件)

使用说明:

Markdown Preview Enhanced(MarkDown使用软件)

1.5.5. AutoFileName(文件路径自动补全)

1.5.6. Sort Lines(代码行排序插件)

选择要排序的行，按 F1 键排序并选择所需的排序。常规排序具有默认热键 F9。

Sort Lines(代码行排序插件)2

1.5.7. Git History

以图表的形式查看 git 日志
Git History
git 存储库，方便文件备份。

步骤一: 配置关联到 github 仓库

pass ,详见网上
参考链接: https://blog.csdn.net/lhb_11/article/details/77837078

步骤二: vscode 中 git 使用

1
git push -u origin master

1.5.8. GitLen 版本库

显示文件最近的 commit 和作者，显示当前行 commit 信息
GitLen版本库

1.5.9. MarkDown TOC 目录

20200202_Win_VScode_目录结构错误问题.png
VSCode 中 Markdown 目录显示异常

1.5.10. Markdown AutoTOC 目录

1.5.11. Excel to Markdown table 表复制

Excel 便利复制到 MarkDown 中

1.5.12. MarkDown PDF

官网链接:

命令使用

1.5.13. 待办事项树 Tree

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
"todo-tree.defaultHighlight": {
"icon": "alert",
"type": "text",
"foreground": "red",
"background": "white",
"iconColour": "blue"
},
"todo-tree.customHighlight": {
"TODO": {
"icon": "check",
"type": "line"
},
"FIXME": {
"foreground": "black",
"iconColour": "yellow"
}
},

1.5.14. 插件-sftp VScode 连接服务器

步骤 1: 安装插件 sftp

步骤 2: 配置 stp-config

在 vscode 工作区.vscode 目录建 sftp.json 文件

内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
  "host": "IP地址",
  "port": 22,
  "username": "用户",
  "password": "密码",
  "protocol": "sftp",
  "agent": null,
  "privateKeyPath": null,
  "passphrase": null,
  "passive": false,
  "interactiveAuth": true,
  "remotePath": "远程服务器路径",
  "uploadOnSave": true,
  "syncMode": "update",
  "ignore": ["**/.vscode/**", "**/.git/**", "**/.DS_Store"],
  "watcher": {
    "files": "glob",
    "autoUpload": true,
    "autoDelete": true
  }
}

步骤三: 重启 vscode，查看效果

1.6. 功能模块

SFTP-远程服务器同步

SFTP 插件使用

1.6.1. MarkDown 同步印象笔记

参考链接: https://www.cnblogs.com/rengised/p/6985031.html

步骤 1: 安装软件

步骤 2: 配置 EverMonkey

EverMonkey 插件主要负责将 vscode 中的文章同步到印象笔记.
使用命令ctrl+Shift+P打开输入栏,输入ever token
步骤2: 配置EverMonkey
国际版 International 中国版 China
将 token 和 noteStoreUrl 配置到 vscode 的用户设置中,
步骤为 File –> Preferences –> Settings

1
2
evermonkey.token: your developer token
evermonkey.noteStoreUrl: your API url

重启 Vscode

步骤 3:同步 MarkDown 到印象笔记

编写 MarkDown 文件，文件头部加入如下

1
2
3
4
5
---
title: 文件名称
tags: 标签(多个标签用逗号分隔)
notebook: (所属的目录)
---

完成文章内容编写之后，输入 Ctrl+Shift+P 打开 command,输入 ever publish,提示成功后.
快速提交文章的快捷键是 Alt+P
其他步骤: 相关问题
重要提示: 如果报 Evernote Error: 5 - Note.title，错误(这个错误坑了好一会)。说明是换行符有问题，请将 vscode 右下角的换行符从 CRLF 切换成 LF,然后再次执行 ever publish，就会有 blogs>>vscode 中使用印象笔记 created successfully.提示。如果还有错误，请到 git issue 查找相关问题。

1.6.2. VScode 编辑后自动保存

参考链接: vscode 如何设置自动保存

左下角设置图标 -> 设置

markdownlint 规范

使用命令

MarkDown 代码规范检查

Vscode-LetCode

https://blog.csdn.net/DlMmU/article/details/104129662

安装插件: leetcode

1.7. 新增功能

1.7.1. 插件-PicGo MarkDwon 支持图片上传到 Github

自动保存图片

参考链接:

PicGo 配置如下:
PicGo-Vscode-MarkDwon-Images图片上传.png

PicGo 快捷键使用:

1.8. 其他

1.8.3. 快捷键使用

在 Ctrl+P 下输入>又可以回到主命令框 Ctrl+Shift+P 模式。
在 Ctrl+P 窗口下还可以

1
2
3
4
5
6
7
直接输入文件名，快速打开文件
? 列出当前可执行的动作
! 显示Errors或Warnings，也可以Ctrl+Shift+M
: 跳转到行数，也可以Ctrl+G直接进入
@ 跳转到symbol(搜索变量或者函数)，也可以Ctrl+Shift+O直接进入
@:根据分类跳转symbol，查找属性或函数，也可以Ctrl+Shift+O后输入:进入
# 6. 根据名字查找symbol，也可以Ctrl+T

Vim

https://zhuanlan.zhihu.com/p/188499395

优质插件 待使用

参考资源

vscode 怎么一次编辑多行

https://www.cnblogs.com/hellofangfang/p/10511193.html

Vscode
CentOS8-开发环境部署