自定义代码模板

针对不同的文件和语言或者框架,我们可以配置一系列的代码模板,以此加速我们的编码效率。

自定义 .vue 文件代码模板

就拿 *.vue 单文件来说,如何才能快速地新建完文件之后,快速地生成一段通用模板代码呢?

打开 VSCode 编辑器,点击左下角「齿轮图标」,选择「用户代码片段」,输入「vue」,选择「vue.json」,会自动打开一份配置文件,赋值以下代码,粘贴到其中并保存。

配置文件:vue.json 点击展开 ✊

自定义 .md 文件代码模板

方式同上。

指的注意的一点就是,Visual Studio Code 中 Markdown 默认是没有打开智能感知提示的。你需要在你的工作区或者全局打开它。

默认是这样的:

{
  // Configure editor settings to be overridden for [markdown] language.
  "[markdown]": {
    "editor.wordWrap": "on",
    "editor.quickSuggestions": false
  }
}
1
2
3
4
5
6
7

你需要把 editor.quickSuggestions 设置为 true

{
  "[markdown]": {
      "editor.quickSuggestions": true
  }
}
1
2
3
4
5