vscode设置如何格式化 vue.js 文件

最新推荐文章于 2024-12-26 21:14:31 发布

全栈开发学习

最新推荐文章于 2024-12-26 21:14:31 发布

阅读量2.6k

点赞数 1

分类专栏：前端工具

本文链接：https://blog.csdn.net/he_1992/article/details/83315922

版权

前端工具专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vscode中vue格式化的方式

步骤1

下载vscode插件
点击右边搜索ESLint 和 Vetur 插件安装
在这里插入图片描述

步骤2

vscode用户配置
要使ESLint正常工作，更改VSCode首选项。转到File > Preferences > Settings 并编辑用户设置文件，添加以下配置：

	"eslint.autoFixOnSave":true,
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

{
 "eslint.validate": [
    {
      "language": "vue",
      "autoFix": true
    },
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "javascript",
      "autoFix": true
    }
  ]
}