使用vscode,新建.vue文件,自动生成vue文件代码块模板

第一步:

文件 --> 首选项 --> 用户代码片段 --> 输入vue,选择vue.json -->复制下面代码内容并保存
使用vscode,新建.vue文件,自动生成vue文件代码块模板_第1张图片

{
  "Print to console": {
    "prefix": "Vue模板",
    "body": [
      "\n",
"\n",
""
],
"description": "Vue模板"
}
}

使用vscode,新建.vue文件,自动生成vue文件代码块模板_第2张图片

第二步: 添加配置,让vscode允许自定义的代码片段提示出来

文件 --> 首选项 --> 设置 —> 添加这2项

“editor.snippetSuggestions”: “top”,
“editor.formatOnPaste”: true
使用vscode,新建.vue文件,自动生成vue文件代码块模板_第3张图片
使用vscode,新建.vue文件,自动生成vue文件代码块模板_第4张图片

第四步:测试是否添加成功
测试方法: 新建vue后缀文件,在空白文件内输入vue会出现提示,利用上下箭头选择第二个”vue模板“按下回车,如下面第二张就OK了
使用vscode,新建.vue文件,自动生成vue文件代码块模板_第5张图片
使用vscode,新建.vue文件,自动生成vue文件代码块模板_第6张图片

你可能感兴趣的:(vue相关,vscode)