xscode编辑vue配置

中文显示

Ctrl+shift+P选择Configure Display Language

xscode编辑vue配置_第1张图片

xscode编辑vue配置_第2张图片

eslint-plugin-vue 自动修复eslint报错

安装插件npm i -g eslint-plugin-vue

xscode编辑vue配置_第3张图片

添加EsLint 和 Vetur 插件

Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)

EsLint —— 语法纠错

xscode编辑vue配置_第4张图片

修改vscode首选项配置

ctrl +shift +p

xscode编辑vue配置_第5张图片

{
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
    "[vue]": {
        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    }
}

xscode编辑vue配置_第6张图片

格式化代码会自动修复语法错误

你可能感兴趣的:(开发工具)