vscode的Vue.js开发插件和配置

258 阅读1分钟

概述

vscode陆陆续续用的插件太多,太杂,重新整理一下。

选择的插件

image.png

插件配置

{
    "workbench.colorTheme": "Default High Contrast",
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "eslint.format.enable": true,
    "files.autoSave": "afterDelay",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "prettier.tabWidth": 4,
    "prettier.printWidth": 100
}