Please enable Javascript to view the contents

VSCode-常用配置

 ·  ☕ 2 分钟

前言

IDE由goland转移到VSCode,

个人博客仓库

解决gitlens连接github超时问题

环境说明:仓库在wsl环境中,VSCode连接WSL2中的此git仓库

  1. make命令是以bash为基础编写的,因此选择将此仓库放到wsl环境中;
  2. 由于电脑无法升级系统,wsl2的版本较低,无法设置镜像网络,因此Win设置的系统代理无法在wsl中生效;
  3. 不想在wsl的全局设置系统代理,而是按需设置;

综上,选定的方案:在当前仓库的local-config设置代理,具体设置参考(注意:代理监听在局域网IP,此处将127.0.0.1改为局域网IP)
Git设置proxy并忽略内网仓库-本地仓库全局设置

Markdown贴图时,文件存储至特定目录

期望:截图后使用C-v粘贴图片时,图片生成到指定目录下(例如root/static/images),并且Markdown预览可正常加载Hugo的图片。posts发布后,GitHub.io中的图片也可正常加载。

实际:默认vscode中md文件C-v粘贴图片时,会在md文件同级目录生成.png文件,并在md文件中生成指向此文件的相对路径。需要手动移动图片,且发布时需要手动修改md中的图片路径。

解决方案:

  1. 图片拷贝至md文件,设置目标目录

    配置项说明
    markdown.editor.filePaste.enabledsmart
    markdown.editor.filePaste.copyIntoWorkspacemediaFiles图片类media文件
    markdown.editor.updateLinksOnPaste.enabledtrue文件粘贴后,更新md中的link

    配置json参考:

    1
    2
    3
    4
    5
    6
    
    "markdown.editor.filePaste.copyIntoWorkspace": "mediaFiles",
    "markdown.editor.filePaste.enabled": "smart",
    "markdown.editor.updateLinksOnPaste.enabled": true,
    "markdown.copyFiles.destination": {
      "/content/posts/**/*": "${documentWorkspaceFolder}/static/images/post-image/${documentBaseName}.${fileExtName} "
    },
    

配置参考-StackOverflow

待追踪:Markdown预览支持配置图片的根目录

Markdown文件无法触发snippets

Markdown 文本在默认设置中并没有开启editor.quickSuggestions选项,可以尝试在配置文件中写入如下设置:

1
2
3
4
5
6
7
"[markdown]": {
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": true
  },
},
分享

Hex
作者
Hex
CloudNative Developer

目录