VS Code

VS Code - 20201122

介绍

竞争对手将会是 Sublime Text、Atom、VIM

VS Code 的编辑器界面依然是微软经典的 VS 风格，对于常接触的人来说会很亲切。在编程语言和语法上支持 C++, PHP, Python, JavaScript, JSON, XML, Batch, F#, DockerFile, Coffee Script, Java, HandleBars, R, Objective-C, PowerShell, Luna, Visual Basic, Markdown, HTML, CSS, LESS, SASS, C#, TypeScript (支持情况)。

快捷键

常规

自动保存：File -> AutoSave ，或者Ctrl+Shift+P，输入 auto
Ctrl + 向右边分窗
Ctrl + / （单行注释），若要取消单行或多行注释在按一次该快捷键即可
Ctrl + Enter （下方插入一行，鼠标光标在当前行的任意位置都可以直接换行到下一行）
Alt + Shift + F （格式化代码，不需要全选中代码，直接格式化即可）
Ctrl + Shift + F （查找文件）
Ctrl + G ，然后@+方法名（快速定位方法所在位置）
Ctrl + D（同时修改多个地方，需要改几个地方就ctrl+D几次，超级实用）

调试

F11 / Shift+F11 下一步 Step into/out
F10 跳过 Bkig Step over
F5 开始/继续Start/Continue

F9 切换断电 Toggle breakpoint
Shift+F5 停止 Stop
Ctrl+K Ctri-I 显示悬停Show hover

重构代码

跳转到定义处：F12
定义处缩略图：只看一眼而不跳转过去Alt+F12
列出所有的引用：Shift+F12

查找替换

查找 Ctrl+F
查找替换 Ctrl+H/CMD+ALT+F
整个文件夹中查找 Ctrl+Shift+F

显示相关

全屏：F11
zoomIn/zoomOut：Ctrl + =/Ctrl + -
侧边栏显/隐：Ctrl+B/CMD+1/2/3
预览markdown Ctrl+Shift+V

LaTex

CMD+S 保存即预览

CMD+ALT+B Build

插件

前端推荐

Auto Rename Tag 自动修改后面补全的标签
Material Theme
Beautify 美化代码，格式化；输入命令行 > Beautify
LeetCode 在编辑器里面刷题
Prettier 安装后，开启 format to save
Live Server 实时预览html浏览器变化，需要head标签
Bracket Pair Colorizer 2 不同代码块不同的颜色
Markdown All in One 可以看到实时效果
markdownlint 语法错误会提示，点击提示会纠正
indent-rainbow 会自动做缩进，特别是python
Browser Preview 可以多个浏览器可以看
LaTeX Workshop 插件

Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文（简体）语言包

JetBrains IDE Keymap 快捷键映射

Remote - SSH 远程ssh，打开远程代码、远程调试、远程终端，直接呼出“connect to host”

Git Blame：可以查看当前光标所在位置的Git Log，最近一次提交的人和时间，显示左下角，安装后每次打开自动启用。

Debugger for Chrome ：方便js调试的插件，前端项目在Chrome中运行起来之后，可以直接在VSCode中打断点、查看输出、查看控制台，需要配置launch.json,详情见插件说明。
Waka Time 计算使用时间和文件的，不是很必要

技巧

参考 Vscode 小白使用介绍 - 你不知道的巨蟹 - 博客园

开启设置同步

设置 - 同步数据 - Github 登陆

Your authorization token:

vscode://vscode.github-authentication/did-authenticate?windowid=1&code=33112907f9216472d2c9&state=3739def7-eaca-491f-a47e-855e5cbcc15d

1. Copy the token.
2. Switch back to VS code.
3. Click Signing in to github.com... in the status bar.
4. Paste the token and hit enter.VSCode + Latex 配置_一只特立独行的猪-CSDN博客

自动保存设置

File（文件）- Preferences（首选项）- Setting （设置）然后弹出下面界面，选择User（一般会默认选中该选项），

接着如下图选择afterdelay选项即可，下面有个数字1000表示1秒，这个可自行设置，表示多少秒以后自动保存

中文使用方法

安装后，在 locale.json 中添加 "locale": "zh-cn"，即可载入中文（简体）语言包。要修改 locale.json，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入 "config" 筛选可用命令列表，最后选择配置语言命令。请参阅文档并获取更多信息。

自动格式化代码

File（文件）- Preferences（首选项）- Setting （设置）

User（用户）- Text-Editor（文本编辑）- Formatng（格式化）

然后勾选下图红色框中的选项后重启Vscode即可 Format On Paste

自动保存设置

File（文件）- Preferences（首选项）- Setting （设置）然后弹出下面界面，选择User（一般会默认选中该选项），

接着如下图选择afterdelay选项即可，下面有个数字1000表示1秒，这个可自行设置，表示多少秒以后自动保存

Vscode更换主题

File（文件）- Preferences（首选项）- Color-Theme （颜色主题）

latex win 使用

安装完texlive，SumatraPDF后，配置.json，创建test.tex，写好内容后，点击latex面板的xelatex编译，后续则会自动根据文件变动，重新build

内部的好像也可以搜索了，参考 https://zhuanlan.zhihu.com/p/186249349?native.theme=1 的评论

SumatraPDF 设置

默认是

"C:Program Files (x86)Sublime Text 3sublime_text.exe" "%f:%l"

vscode 应该是

"C:/Tools/SumatraPDF-3.2-64.exe" "%f:%l"

Win C++配置

参考 Windows 下vscode 配置 C/C++环境 - 野生中的码农 - 博客园

task.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "echo": true,
                "reveal": "always",
                "focus": false,
                "panel": "shared"
            },
            "windows": {
                "command": "g++",  // c++编译器 如果是要用c编译器的话用 gcc 
                "args": [
                    "-g",
                    ""${file}"",
                    "-o",
                    ""${fileDirname}\${fileBasenameNoExtension}.exe""
                ]
            }
        }
    ]
}

launch.json

{
    "version": "0.2.0",
    "configurations": [

        {
            "name": "(gdb) Launch",
            "preLaunchTask": "build",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}/${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "gdb",
            "miDebuggerPath": "C:\\Tools\MinGW\mingw64\bin\gdb.exe",
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ]
        }
    ]
}

test.c

#include <stdio.h>

int main(){
    printf("hello world");
    getchar();
    return 0;
}

效果

参考

• 微软 VSCode 当今最流行的免费开源代码编辑器 - 跨平台支持多种编程语言 - 异次元软件下载
• Vscode 小白使用介绍 - 你不知道的巨蟹 - 博客园
• Code 使用小技巧
• VSCode详细使用教程_Yaphets.Lee的博客-CSDN博客_vscode使用教程
• 9.5-很简洁-Windows环境上配置Latex：TexLive + VS Code + SumatraPDF_我是大黄同学呀的博客-CSDN博客
• Windows 下vscode 配置 C/C++环境 - 野生中的码农 - 博客园

3.study/3.1tech