vscode下写vue的setting

最新推荐文章于 2024-08-19 07:38:44 发布

机智的皮卡丘

最新推荐文章于 2024-08-19 07:38:44 发布

阅读量3.1k

点赞数 1

分类专栏： js vscode

本文链接：https://blog.csdn.net/qq_20334295/article/details/84624439

版权

js 同时被 2 个专栏收录

47 篇文章 0 订阅

订阅专栏

vscode

1 篇文章 0 订阅

订阅专栏

{
    "workbench.colorTheme": "Solarized Light",
    "window.zoomLevel": 2,
    "editor.detectIndentation": false,
    // 保存时自动fix
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    // 屏蔽vetur的js格式化
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "vetur.format.defaultFormatterOptions": {
        "prettyhtml": {
            "tabWidth": 4,
            "printWidth": 120,
            "singleQuote": true
        }
    }
}

安装的插件不是记得很清楚了,主要是eslint,vetur,然后参照上面的方法设置之后就能保存了,其中tabWidth是html的缩进,printWidth是控制html单行最大限制,超出的时候就会按照属性来帮你折行,不喜欢折行可以设置大点