使用 vscode 开发 vue, 必不可少的插件包括 vetur, prettier
    vetur 提供了下面一系列的功能:
    Features

    • Syntax-highlighting 高亮
    • Snippet 代码片段
    • Emmet 缩写语法
    • Linting / Error Checking 代码格式检查
    • Formatting 代码格式化
    • Auto Completion 自动补全
    • Debugging debug

    这些功能挺齐全了,但是 vetur 使用的代码格式化工具是 prettier ,所以如果不安装 prettier 的话也是不能正常完成格式化的。
    不过 prettier 的默认是 tab 占两个空格,不符合我的习惯,所以要改成 4 个空格。
    另外 vscode 自身的 html 和 js 的格式化就已经挺符合我的习惯了,因此也改为使用 vscode 的。
    最终的设置如下:
    “vetur.format.defaultFormatter.js”: “vscode-typescript”,
    “vetur.format.defaultFormatter.html”: “js-beautify-html”,
    “vetur.format.defaultFormatter.ts”: “vscode-typescript”,
    “vetur.format.defaultFormatter.css”: “prettier”,
    “prettier.disableLanguages”: [],
    “prettier.tabWidth”: 4