vue----vscode跳转定义组件的插件,以及vscode常用插件

在新公司里刚安装了vscode,写vue或者小程序都会用到vue,小程序代码高亮的设置
在vscode底部栏进入.vue文件底部这里会显示文件格式,鼠标移上去有选择语言模式,vue文件选择vue,wxhl文件选择html
在这里插入图片描述
下面是点开文件==》首选项==》设置==》进入setting.json文件,我用的以下设置,够平时工作上用了。这些都是平时安装插件的时候系统自动配置的,我一开始新安装vscode只配置了vue和javascript,供配置参考。

{
    "window.zoomLevel": 1,
    "files.associations": {
        "*.vue": "vue",
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.wxml": "html"
    },
    "emmet.triggerExpansionOnTab": false,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "wxml": "html"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "minapp-vscode.disableAutoConfig": true,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    }

}

vue常用插件,我用的插件不多,还希望有大佬补充
vue格式化文件-------

vue-fomate

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

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

vue----vscode跳转定义组件的插件,以及vscode常用插件_第1张图片

还有一些插件如Chinese转换vscode为中文版,css-formater—css格式化插件
css-peek跳转css样式,但我安装后没感觉跳转,可能使用不当,希望有人指点迷津…
再截个图

vue----vscode跳转定义组件的插件,以及vscode常用插件_第2张图片

你可能感兴趣的:(个人小结,vscode插件,vue组件跳转)