跳转至

VSCode 编辑技巧

VSCode 目前是使用最广泛的 IDE 开发环境。

插件

安装一些插件，可以让你的工作事半功倍。 点击 View -> Extentions ，可以找到很多插件。 这里有几个推荐的插件：

  • HTTP/s and relative link checker： 检查多语言文档中的 link
  • Markdown Link Updater：当你修改了某个文件名，移动了文件夹，会自动修改相对路径，可以节省很多手动调整的时间
  • i18n Ally：UI 多语言翻译必备工具
  • Markdownlint：检查 markdown 语法，让你的文档编辑看起来更标准、更美观
  • Markdown Preview Mermaid Support：可以实时预览 mermaid 流程图
  • VS Code Counter：按文件夹统计代码行数

习惯

如果你要处理多语言文档，建议分屏操作，例如方便中英对照，底部终端直接敲命令。

split screen

编辑 Repo

git clone 某个 repo 后，建议通过 File -> Open Folder... 进入 repo 工作空间。 随后就能在底部终端的 repo 根目录下运行各种 git 命令了。

workspace

常用正则表达式

查找所有图片：

!\[.*?\]\((?:https?:\/\/)?\S+\.(?:png|jpg|jpeg|gif|bmp)\)

查找所有前后带 /` 的字符，并替换为粗体：

`([^`].*?)`

**$1**

查找带 <p></p> 标记的段落，将其替换为 Markdown 中的绿色隐藏文字：

<p>(.*?)<\/p>
<p>\n<!--\n$1\n-->\n\n</p>

search

评论