Table of Contents

• 简介
  • 资源
• 常见操作
  • 基本操作
    • 改变界面语言
    • 更改编辑模式
    • 配置 Task
    • 项目管理
    • 生成项目目录树
    • live share——可以与他人实时进行协作式编辑和调试的插件
    • 如何在vscode里面使用mermaid插件
    • mermaid图片支持
      • 软件支持
      • 图片支持
• Git 版本控制
  • Github 相关
    • 添加新git项目并同步到github网站
  • Gitee相关
    • 添加新的gitee远程库
    • 将gitee远程库设置为默认拉取、推送端
• 设置
• 编程语言支持
  • SQL 支持
  • R 支持
  • Python 支持
  • Markdown 支持
    • 如何在 Markdown 中折叠大纲
    • 预览功能
  • 如何运用VSCODE在Rmarkdown中引用参考文献
  • RMarkdown 编译步骤
    • 操作步骤
    • 如何运行 Rmarkdown 中的 python 代码
  • org-mode 支持
• 网站支持
  • leetcode

以下介绍基于 vs code 1.60.1 版本和对于版本的packages

简介

资源

1. 官方文档：https://code.visualstudio.com/docs

常见操作

基本操作

改变界面语言

1. 按下快捷键Ctrl+Shift+P,输入language,选择Configure Display Language
2. 在弹出的选项中选择zh_cn，即可改变界面语言为中文

更改编辑模式

1. 按ctrl+K M,在上方弹出的框中输入python,然后回车。或者点击右下方出现的R Markdown栏，就切换到了python语言模式，如果想要回到Rmarkdown语言模式，同样是 按ctrl+K,M，在上方弹出的框中输入R markdown,然后回车或者点击下方出现的 python栏，就切换回了R markdown 语言模式。

配置 Task

项目管理

打开软件vscode，按下快捷键Ctrl+X,P,在界面左边会有GIT、VSCODE和FAVORITES 三部分，在GIT部分会看到自己参与的github上面的所有项目，用哪个项目点击哪个项目 就可以，这样就可以随意切换项目，不用麻烦从文件夹里面打开项目了。

若出错，可以尝试按下快捷键 Ctrl+shift+P,输入project manager: refresh projects,回车刷新项目即可。

生成项目目录树

1. 利用上步骤方法打开项目之后，点击界面左上角文件+首选项+设置。
2. 在出现的界面搜索project git,点击在settings.json中编辑。
3. 按下快捷键Ctrl+F,搜索project,在projectManager.git.baseFolders 地方指示 要搜索 Git 项目的基本文件夹，将路径改为github_repo文件夹的路径（例如： D:\github_repo）在projectManager.vscode.baseFolders 地方指定要搜索 VSCode 项目的基本文件夹，将路径改为github_repo文件夹的路径，同上，然后按Ctrl+S保 存。
4. 按下快捷键Ctrl+Shift+X，在拓展商店中搜索 project tree 插件并安装该插件。
5. 按下快捷键Ctrl+shift+P,输入project tree,点击project tree，即可在 README.RMD文件生成该项目的目录树,该步骤前提是在该项目中提前创建一个README.RMD 文件。

live share——可以与他人实时进行协作式编辑和调试的插件

1. 安装live share
   • 按下快捷键Ctrl+shift+X,搜索live share,然后安装该插件。
2. 需要 github 账户支持
3. 使用live share
   • 第一种方法： 按下快捷键Ctrl+shift+P，搜索live share,选择live share:开始协作（共享）,再次按下快捷键Ctrl+shift+P，搜索live share,选择 live share:复制协作链接可以将链接分享给他人，选择 live share:停止会话协作，可以结束当前会话。
   • 第二种方法：从菜单 查看 -> 外观 -> 显示活动栏 打开侧边活动栏，侧边栏里面有live share的图标，点 击，在页面左边出现三部分：会话信息、联系人和帮助。在会话信息栏，可以选择加入 协作会话、开始写作会话和启动只读写作会话。这种方式打开live share更加方便。
4. 加入别人发起的会话
   • 将别人分享的协作链接用浏览器打开，在弹出的页面内点击加入会话。

如何在vscode里面使用mermaid插件

1. 第一步，安装插件。按下快捷键Ctrl+shift+X,搜索mermaid，安装Markdown Preview Mermaid Support、Mermaid Preview、Mermaid Markdown Syntax Highlighting、 Mermaid Editor 这四个插件。
2. 第二步，增加环境变量。打开rapidee.exe，添加环境变量C:\Worktools\node-v10.15.1-win-x86。
3. 第三步，修改_output.yml文件。将该文件里面bookdown::html_document2:和bookdown::word_document2:两部分的pandoc_args:语句下面增加两行语句： - --filter - mermaid-filter.cmd.
4. 第四步，在Markdown里面插入流程图、思维导图等图形。插入方法和插入python、R代码类似，具体使用教程，可以参考mermaid官网https://mermaid-js.github.io/mermaid/#/,举个简单的例子：

graph LR;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

5. 注意：mermaid做出的图没有统一编码，需要自己后期人工调整。

mermaid图片支持

软件支持

1. 用项目里的tasks.json文件替换 C:\Worktools\VSCode-win32-x64-1.42.0\data\user-data\User路径下的tasks.json 文件
2. 将mermaid-compile.bat文件放入C:\Worktools\bat目录下。
3. 添加环境变量。在everything里面搜索mmdc.cmd，选择“打开路径”，按下快捷键 Alt+D，输入addpath,回车即可。或者也可以在rapidee里面添加路径 C:\Worktools\node-v10.15.1-win-x86\node_modules\mermaid-filter\node_modules\.bin
4. 安装插件。按下快捷键Ctrl+shift+X,搜索svg,选择SVG进行安装。

图片支持

1. 新建一个.mmd文件保存，并进行撰写。
2. 编译mmd文件，选择快捷键Ctrl+shift+P，选择“运行任务”，选择mermaid-compile 运行。
3. 调整图片清晰度。修改.svg文件，修改宽度width="1600",高度height="100%"，（根据具体需要可自定义），保存，点击右上角第一个 “预览SVG”，选择Export PNG将图片保存为.png格式。
4. 将图片插入.rmd文件文件。在R的代码块里面利用knitr::include_graphics插入图片。

Git 版本控制

Github 相关

添加新git项目并同步到github网站

1. 将要上传的文件夹改名为项目名称，如 whh-python-homework
2. 在github网站建立一个同名空的项目，如新建的项目： https://github.com/apricoteriop456/whh-python-homework
3. 右键 vscode 打开 whh-python-homework 文件夹
4. 按下快捷键Ctrl+Shift+P， 输入 git init, 都选择第1条Git：Intialize Repository初始化储存库，回车
5. 按下快捷键Ctrl+Shift+G 打开源代码管理，点击 右上角 ... ,选择暂存所有更改
6. 点击对勾提交，提交信息输入 Init，确认提交
7. 按下快捷键Ctrl+Shift+P， 输入 git add remote, 先输入项目名称 whh-python-homework，再把第2步创建的项目地址 https://github.com/apricoteriop456/whh-python-homework 复制进去，回车，这步操 作旨在本地仓库与远程仓库之间建立链接。
8. 源代码管理，点击 右上角 ... ,选择推送到 ，下面选择默认即可
9. 刷新github网站项目地址是否已同步所有内容

Gitee相关

添加新的gitee远程库

1. 按下快捷键Ctrl+Shift+G，点击右上角 ... ，选择 Remote -- Add Remote，将需要 添加的远程库链接粘贴到框内并回车，再给该远程库命名（如gitee)，回车完成

2. 检查是否添加成功：Ctrl+Shift+G -- 右上角 ... -- Pull, Push -- Pull from，选 择添加的gitee远程库链接，如出现gitee/master则表明添加成功

将gitee远程库设置为默认拉取、推送端

1. 按下快捷键Ctrl+~打开终端，输入命令git push --set-upstream gitee master， 回车

2. 如运行结果显示冲突，则需先移除冲突文件再运行命令

设置

1. 快捷键 Ctrl+, 或通过菜单打开设置窗口
2. 快捷键 Ctrl+Shift+P 运行命令 Open settings 打开 settings.json 文件
3. "editor.parameterHints": false 关闭函数提示面板
4. "editor.suggestOnTriggerCharacters": false Controls whether suggestions should automatically show up when typing trigger characters.需要时可以使用快 捷键(在快捷键设置中查询 trigger suggest)打开.
5. 关闭自动更新
   • python.autoUpdateLanguageServer
   • extensions.autoUpdate
   • update.enableWindowsBackgroundUpdates
6. 减少line number空白。在设置里面搜索glyph，取消Glyph Margin。

编程语言支持

SQL 支持

1. 启动SQL服务器：
   • 在打开的sql文件中按下快捷键Ctrl+~，下方弹出CMD终端窗口，在弹出窗口输入 pgsql，回车.
   • 或者在打开的sql文件中按下快捷键Ctrl+~，下方弹出CMD终端窗口，按下Ctrl+1, 光标回到上方SQL文件上，按下快捷键Alt+P,即可启动SQL.
2. 切换postgres语言模式按快捷键Ctrl+K,M，输入postgres，回车。
3. 进入某个数据库:点击窗口下方状态栏Select Postgres Server，点击localhost， 再点击我们需要连接的数据库，比如dvdrental就进入了dvdrental数据库，此时在 sql文件中编写语句出现自动补全。
4. 执行sql语句：光标放在该条语句上，按下Ctrl+Enter,下方终端出现运行语句及结 果。按下Alter+Enter,该语句运行结果以表的形式展示。执行postgres语句，如 \d,\help，只能按下Ctrl+Enter执行.
5. sql关键词变大写：按Ctrl+Shift+x，在拓展商店中搜索 Upper Case SQL 并安装， 安装后重启，在打开的sql文件中按 CTRL+ALT+S 可以将小写关键词转化为大写(如 select转为SELECT等)，还有如: SFW: SELECT FROM WHERE等模板可在 Upper Case SQL 介绍中查看。

R 支持

1. 安装 Yuki Ueda R package
2. 使用 R.exe 时不能显示和输入中文，故使用 radian.exe 代替, 具体步骤为：
   • CMD 中运行 pip install radian 安装
   • 快捷键 Ctrl+Shift+P 运行命令 Open settings 打开 settings.json 文件， 在其中设置 "r.rterm.windows": "C:\\Anaconda3\\Scripts\\radian.exe",
3. R LSP Client 支持更好，但含有中文时有bug Yuki Ueda R package 0.23 版本 以上 bug 已解决, 直接使用即可，不需要以下步骤4
4. 备选的 R-tools 也可以支持补全，但没有 R LSP Client 支持的好，并且安装复 杂，具体安装步骤为： 不需以下步骤了
   • 安装 Vscode R-tools package
   • 下载安装 .net core 2.1 版本(注意版本不能错，64位)，百度网盘下载链接：https://pan.baidu.com/s/10x3bYNkzkvsJmdIZsYaCeQ 提取码：va1q
   • R 要安装注册，让 R-tools 可以自动找到。

Python 支持

Markdown 支持

如何在 Markdown 中折叠大纲

1. 一般写文章语言格式设置为 Markdown 语言模式，在写 R 代码的时候设置为 R Markdown 模式，写 Python 代码时设置为 Python 模式。
2. 折叠操作只在 Markdown 语言模式下可以使用，R Markdown 模式下不可用。
3. 全部折叠快捷键：先按 ctrl+K ，再按 ctrl+0 。
4. 全部展开快捷键：先按 ctrl+K ，再按 ctrl+J 。
5. 部分展开快捷键：把光标移动到想要展开的位置，先按 ctrl+K ，再按 ctrl+L 。
6. 如果快捷键不对或者使用没效果，按快捷键 Ctrl+Shift+P ，输入 fold ，查看相 应操作命令的快捷键，再用自己的快捷键操作，或者直接点击命令进行相应操作。

预览功能

1. Markdown all in One 带的预览功能不稳健，较容易出错，使用 markdown preview enhanced
2. 预览中支持章节数字编号：利用everything搜索style.less，将该项目里面的style.less文件替换掉 C:\Users\*\.mume\路径下面的style.less文件。
3. 预览功能要在语言模式为 markdown 模式才可行。
4. 设置快捷键。打开键盘快捷方式，搜索 markdown-preview-enhanced.openPreviewToTheSide, 把键绑定设置为Ctrl+k,Ctrl+v。这时可以按下Ctrl+k,Ctrl+v快捷键，调出高级预览。

如何运用VSCODE在Rmarkdown中引用参考文献

1. 在所创建的项目中添加上面生成的Bibfile.bib文件；
2. 通过VSCODE中的设置获得参考文献自动补全功能。

打开VSCODE的设置选项(可以通过快捷键:英文状态下ctrl+,打开或者点击文件-首选项-设置 打开),输入suggest tr,在弹出的选项中勾选第一条"控制在键入触发字符后是否自动显示建议"。这里的触发字符即为@,勾选该选项表示在引用参考文献时，只要当光标停在[@]的@后面,系统会自动弹出所有"Bibfile"中的"key",然后用户选择要引用的参考文献即可。通过自动输入可以防止输入错误,而且使用快捷。

3.在Rmd文件末尾加

# 参考文献[//]: 
 (\bibliography{Bibfile})"

注: 引用时,参考文献必须要有[]才能起作用；引用的时候要有空格然后再引用； @的时候如果不出来参考文献列表,用快捷键ctrl+',正确的示例是:text [@bibkey].

RMarkdown 编译步骤

更详细文档见这里。

操作步骤

1. 右键点击需要的文件夹，选择 Open Folder as VS Code Project 来打开，没有配置 好的，可以直接打开Vscode，点击左上角的文件(F)，然后选择打开文件夹，找到需 要的文件夹，点击选择文件夹即可打开为VSCode项目。可以根据vscode底部颜色来判 断打开的是不是文件夹，若底部为浅蓝色，则表明打开的是文件夹，若底部为紫色，则 打开的是单个文件，不能生成html，需要按照上面的步骤打开文件夹才能生成html。

2. 在打开的rmd文件中按下快捷键Ctrl+Shift+P，输入 run task，选择第1条Tasks： Run Task，然后点击rmd-html即可生成html文件。

如何运行 Rmarkdown 中的 python 代码

1. 按ctrl+K M,在上方弹出的框中输入python,然后回车或者点击下方出现的python 栏，就切换到了python语言模式，光标放在python代码块所在的行，按shift+enter, 即可运行该行python代码。
2. 运行完python代码后，想要回到Rmarkdown语言模式，同样是按ctrl+K M，在上方弹出 的框中输入Rmarkdown,然后回车或者点击下方出现的R Markdown栏，就切换回了 Rmarkdown语言模式。

org-mode 支持

网站支持

leetcode