可以用Vscode做一些很酷的事情

Vscode 结合Github

Vscode 结合Markdown编写

Markdown Shortcuts

  • 提供了大量的markdown快捷键。包括如下特性:

  • 快速创建有序(ctrl m ctrl 1)或无需列表(ctrl m ctrl b)

  • 便捷地生成URL(ctrl l)

  • 将类似于表格的内容转换成表格, 或生成一个用于填充的表格(Add table)

  • 插入代码,行内代码ctrl+M ctrl+I, 代码块ctrl+M ctrl+C

  • 加粗ctrl +B 斜体ctrl + I

  • 加入检查盒(check box)

  • 最后,使用ctrl+m ctrl+m显示可用命令。

    Markdown Preview Enhanced功能超级强大,拥有如下特性:

  • 自动生成目录,如果某一个标题需要排除,则添加{ignore=ture}

  • 支持latex数学符号v

  • 允许多种类型文档导出,HTML. PDF, Pandoc等等等。在预览时候右击就行了。

  • 提供了额外的语法,如上下标,脚注等

  • 支持mermaid, PlantUML, WaveDrom, GraphViz,Vega & Vega-lite,Ditaa 图像渲染

  • 导入外部文件,这个也很厉害哦。 @import your-file

  • 图片助手,预览模式下可以打开Image helper,就能从本地上传图片,也支持图床链接

图床插件PicGo

  • PicGo支持两种方式在vscode上粘贴图片:

  • ctrl+alt+u:上传剪贴板中的图片到服务器。

  • ctrl+alt+e:打开文件浏览器选择图片上传。

  • 因为我们知道,vscode是文本编辑器,如果你直接在vscode中使用ctrl+v粘贴图片,是无法粘贴成功的。正确的姿势是,我们使用截图工具,如微信的截图工具,截图成功后会保存在剪贴板中,这时按ctrl+alt+u就开始上传图片了。或者,按ctrl+alt+e,选择一张图片上传即可。

    配置图床位置

    1. 打开设置,找到extensions中的Picgo的设置
      往下拖找到github,进行配置:
      首先是PicGo-Core设为

      1
      2
      3
      4
      github
      \\ 可以用git命令查看分支
      git branch -a
      默认是master
    2. 设置Path,一般在rep中加个目录就行
      注意,Path后面加”/“,不然后面一部分会当成图片名称合并进去。比如Path设为:

      1
      imgs/
    3. 生成github的token

      1
      github头像-Developer Settings-Personal Access

      配置主要有以下参数

      1
      2
      3
      4
      5
      6
      7
      {
      "repo": "", // 仓库名,格式是username/reponame
      "token": "", // github token
      "path": "", // 自定义存储路径,比如img/
      "customUrl": "", // 自定义域名,注意要加http://或者https://
      "branch": "" // 分支名,默认是master
      }

Vscode 结合印象笔记实时同步

Vscode 结合浏览器实时浏览

Vscode 结合Jupyter

Vscode 编写网页前端