下载

下载地址:VScode官方下载

安装

将下面的选项全部勾选,将VScode添加到右键菜单选项

vscode 代碼跳轉Ruby_快捷键

设置 settings.json 文件

在 VSCode 中使用 Ctrl+Shift+P打开命令面板,简单输入settings,选择首选项打开设置(json),即可打开settings.json文件:

vscode 代碼跳轉Ruby_vscode 代碼跳轉Ruby_02


开发网下为了能下载插件,需要设置公司代理,设置方式是在settings.json文件中配置如下内容方式如下:

"http.proxy": "http://你的代理服务器IP:端口/",
    "http.proxyStrictSSL": false,

vscode 代碼跳轉Ruby_快捷键_03

自动安装插件

vscode 代碼跳轉Ruby_vscode 代碼跳轉Ruby_04

  • 需要按照的插件有下面几个:
  1. C/C++,这个肯定是必须的。
  2. C/C++ Advanced Lint,即 C/C++静态检测 。
  3. Code Runner,即代码运行。
  4. Indenticator插件,会将同一级的深度用竖线对齐展示,这样很容易看出来块结构**(可选)**
  5. Rainbow Brackets,彩虹花括号,有助于阅读代码。
  6. One Dark Pro,VSCode 的主题。
  7. ARM,即支持 ARM 汇编语法高亮显示。(可选)
  8. Chinese(Simplified),即中文环境。
  9. vscode-icons,VSCode 图标插件,主要是资源管理器下各个文件夹的图标。
  10. compareit,比较插件,可以用于比较两个文件的差异。
  11. DeviceTree,设备树语法插件。(可选)
  12. TabNine 是一个智能的代码自动补全工具。
  13. terminal 是一个能够在 vscode 内自动打开终端命令该行的插件**(可选)**
  14. project Manager 项目管理,可以只打开 1 个小窗口
  15. TODO Tree 组织和管理TODO 注释,你在代码中注释的带 TODO 的标签会统一在侧边栏显示
  16. Bookmarks 源码书签,看到哪个位置想加个书签就按快捷键 Ctrl + Alt + K ,多按一次就是删除
  17. koroFileHeader 自动的插入头文件开头的说明和函数的说明,Ctrl + Alt +i 即可自动即可自动生成这样一个模板。对函数的说明注释模板,只需按下快捷键Ctrl + Alt +t 即可完成
  18. Markdown Preview Enhanced Markdown 预览增强插件
  19. shellman 插件是 Linux shell 脚本辅助工具,提供了便捷的shell script 自动补全和联想等功能
    安装插件后,在每个工程中窗口中,Ctrl+Shift+P,输入Project Manager Save Project ,意思是将当前工程命名成 1 个 project,它会默认取当前根目录的文件名为project name。我们采用默认方式即可。
  • 不需要装的插件
  • GBKtoUTF8:把GBK编码的文档转换成UTF8编码的。此扩展很久没有更新了,可能有严重的bug
  • C++ Intellisense:用的是gtags,本文第一个版本的选择。效果非常非常一般
  • Include Autocomplete:提供头文件名字的补全,现在cpptools和vscode-clangd都已经自带这个功能了,所以不用装
  • C/C++ Snippets:Snippets即重用代码块,效果自己百度;这个扩展安装量虽高,不过个人感觉用处实在不大,cpptools和clangd也自带一些;你也可以选择其他的Snippets扩展甚至自己定义
  • 查看已经安装好的插件:
  • vscode 代碼跳轉Ruby_json_05

  • 修改中文环境

按下Ctrl+Shift+P打开搜索框,在搜索框里面输入config,然后选择Configure Display Language

vscode 代碼跳轉Ruby_vscode 代碼跳轉Ruby_06


在打开的 local.json文件中将 locale 修改为 zh-cn

vscode 代碼跳轉Ruby_json_07


修改完成以后保存 local.json,然后重新打开 VSCode,测试 VSCode就变成了中文的了!

手动安装插件

有时在公司开发环境下,由于网络策略等问题 VSCode 无法自动下载,所以我们采取手动下载的方式。打开官方下载页面:

C/C++插件下载地址页面中选择最新版本 cpptools-win32.vsix点击下载到本地

然后在任意一个 VSCode打开的界面中,按住Ctrl+Shfit+P,在弹窗的输入框中输入Install from VSIX(或简单输入vsix),再选择刚才下载好的cpptools-win32.vsixVSCode 会自动安装,安装好后,重启 VSCode即可。

vscode 代碼跳轉Ruby_快捷键_08

快捷键

找到快捷键:【首选项】- 【键盘快捷键方式】可以自己绑定快捷键。
常用快捷键:

  • Ctrl+鼠标左键,是文件、函数等跳转。
  • Alt + ← ,是跳转后返回原处。
  • Ctrl + Shift + O,列出函数名。
  • Ctrl + P,列出近期打开的文件名。
  • Ctrl + Tab, 可以列出最近打开的文件,在开发时,两个文件间切换时效率很高。

安装代码同步插件

  • SFTP 用于同步代码。
  • 配置sftp:Ctrl+Shift+P 后,输入 sftp ,选择 Config功能,然后 VSCode 会在当前目录下生成.VSCode 目录,并创建 sftp.json文件,即为 sftp 要同步文件到其他机器的配置信息。
  • 配置 sftp.json 文件:
{
    "name": "tfae.dtx",
    "protocol": "sftp",
    "host": "10.xxxxxxxx.22",
    "port": 36000,
    "username": "xxxxxxxx",
    "password": "xxxxxx",
    "uploadOnSave": true,
    "ignore": [
        "\\.VSCode",
        "\\.git",
        "\\.DS_Store",
        "\\.svn",
        "\\.history",
        "\\.IAB",
        "\\.IAD",
        "\\.IMB",
        "\\.IMD",
        "\\.PFI",
        "\\.PO",
        "\\.PR",
        "\\.PRI",
        "\\.PS",
        "\\.WK3"
    ],
    "remotePath": "/root/home/denniszhu/tarsCpp"
}
  • host、port、username、password 和你是用 xshell 时需要配置的信息一样。
  • uploadOnSave参数意思是,你本地编写的代码,在你是用 VSCode 保存时,sftp 会自动帮你同步到远程。这个功能建议开启,开启后,就不需要像 beyond compare 每次都需要手动同步那样麻烦了。
  • ignore,意思是你同步时,忽略哪些文件,一般可以固定的把.VSCode、.git、sourceinsight 自动生成的文件都忽略掉,这样同步到远程的文件都是你关注的代码。
  • remotePath 就是你远程的代码放置的目录。

安装 git 相关插件

git 是 VSCode 自带的功能,不过 windows 下需要我们自己先安装 git。然后 VSCode 才能识别。

git 安装时,需要在关键几步注意下:请按照图中选项设置:

git 0:

vscode 代碼跳轉Ruby_git_09


vscode 代碼跳轉Ruby_快捷键_10


git 1:

vscode 代碼跳轉Ruby_json_11

git 2:

vscode 代碼跳轉Ruby_快捷键_12


git 3:

vscode 代碼跳轉Ruby_vscode 代碼跳轉Ruby_13

git 4:

vscode 代碼跳轉Ruby_git_14


git 5:

vscode 代碼跳轉Ruby_json_15


如果安装git时选择的默认编辑器检测不到vscode,也可以手工配置:

首先将vscode的安装目录地址复制,添加到PATH环境变量。
运行git bash 输入以下命令:

git config --global core.editor Code

vscode的默认可执行文件名为Code,运行命令后就将vscode设置为了git的默认编辑器。

安装 git 时要关注添加环境变量到系统中即可。安装完成后,需要在 VSCode 中配置 git 路径。
VSCode 中配置 git 安装路径如下:win 下,仅供参考:

"git.path": "D:\\Program Files\\Git\\cmd\\git.exe",

可以参考的用户Settings.json文件

{
    "editor.fontSize": 13,
    "editor.minimap.maxColumn": 40,
    "editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?·~!¥…()—【】、;:‘’“”,。《》? ",
    "editor.fontFamily": "'Source Code Pro', Consolas, 'Courier New', monospace",
    "editor.suggest.localityBonus": true,

    "window.title": "${dirty}${activeEditorLong}${separator}${rootName}${separator}${appName}",
    "window.zoomLevel": 1,
    "window.titleBarStyle": "custom",

    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Solarized Light",
    "workbench.sideBar.location": "right",

    //"git.path": "D:\\Program Files\\Git\\cmd\\git.exe",
    "git.path": "/usr/bin/git",
    "git.autofetch": true,
    "git.ignoreMissingGitWarning": true,

    "git-assistant.checkConfigVariables": "disabled",
    "git-assistant.pushBeforeClosingIDE": "disabled",

    "diffEditor.ignoreTrimWhitespace": false,
    //"terminal.integrated.shell.windows": "C:\\windows\\System32\\cmd.exe",

    "http.proxy": "http://公司代理地址IP:端口/",
    "http.proxyStrictSSL": false,

    "files.trimTrailingWhitespace": true,
    "files.autoGuessEncoding": true,
    "files.watcherExclude": {
        "**/.git/objects/**": true,
        "**/.git/subtree-cache/**": true,
        "**/node_modules/*/**": true
    },

    "C_Cpp.updateChannel": "Insiders",
    "C_Cpp.default.intelliSenseMode": "gcc-x64",
    "C_Cpp.default.includePath": [
        "/usr/include",
        "/usr/local/include",
        "${workspaceFolder}/**"
    ],

    "terminal.integrated.fontFamily": "Hack Nerd Font",
    "terminal.integrated.fontSize": 14,
}
  • 自动识别文件编码:
"files.autoGuessEncoding": true,
  • VSCode 自带的小地图太宽,写代码时太占用可编辑区域,所以可以调小
"editor.minimap.maxColumn": 40,
  • 字符分割
"editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?·~!¥…()—【】、;:‘’“”,。《》? ",
  • 让标题能够显示完整的文件路径名
"window.title": "${dirty}${activeEditorLong}${separator}${rootName}${separator}${appName}",
  • 由于编辑的习惯,右手持鼠标时,最好把控制栏也放置到右边,这样操作控制栏时头和眼睛不用来回转。
"workbench.sideBar.location": "right",
  • 自动删除文件行尾空格
"files.trimTrailingWhitespace": true,

该命令还可配合插件Trailing Spaces,该插件会将行尾空格高亮。