vscode对应使用vue插件

vue-fomate

vue-definition----vue跳转事件和跳转到引入的组件位置

vue peek 查看定义，可以看到定义的源文件

html内的属性不换行

首先打开vscode的 >文件 > 首选项 >设置
找到vetur 这个选项里面的
vetur.format.defaultFormatter.html 这个选项 将其设置为 js-beautify-html
前提是你必须安装了这个插件(插件名称叫beautify)
二、设置标签内属性不自动换行
1、找到“在settings.json中编辑”
2、添加如下：

{
    "workbench.colorTheme": "Visual Studio Light",
    "workbench.startupEditor": "newUntitledFile",
    "explorer.confirmDelete": false,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
          "wrap_attributes": "auto" 
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
      },
}

附上自己的使用列表

image.png