vscode vue+Ts 配置user setting eslint+prettier

最新推荐文章于 2025-11-04 21:29:11 发布

原创最新推荐文章于 2025-11-04 21:29:11 发布 · 330 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode 配置 #vue+ts #eslint+prettier

本文介绍了一种针对前端开发的VSCode配置方案，包括ESLint、Prettier、Vetur等插件的具体设置，旨在提高代码质量和开发效率。

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.options": {
        "plugins": [ "html" ] 
      },  
      "eslint.validate": [    
        "javascript",    
        "javascriptreact",   
        "html",    
        "vue"
      ],
      "editor.tabSize": 2,
      //分号 
"prettier.semi": false, 
//单引号包裹字符串 
"prettier.singleQuote": true, 
//html格式化依赖 默认为none 
"vetur.format.defaultFormatter.html": "js-beautify-html",
//函数前加空格 
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, 
//没有下边这个 上边不生效 
"vetur.format.defaultFormatter.js": "vscode-typescript",
}