配置用户代码片段

  • 点击: 文件->首选项->配置用户代码片段（或用快捷键ctrl+shift+p输入snip）
  • 点击想配置的语言（如html）
  • vscode会打开html.json文件，在里面配置模板

举例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
  "HTML5 Template": {
    "prefix": "html5",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"en\">",
      "<head>",
      "  <meta charset=\"UTF-8\">",
      "  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
      "  <title>Document</title>",
      "</head>",
      "<body>",
      "",
      "</body>",
      "</html>"
    ],
    "description": "Create a HTML5 document template"
  }
}

prefix即使用代码片段需要打的字(只有在对应的文件里才有效)

prettier 代码整理

快捷键为Shift + Alt + F