码迷,mamicode.com
首页 > 其他好文 > 详细

VSCode配置Vue自动格式化ESlint格式

时间:2019-12-18 23:55:04      阅读:500      评论:0      收藏:0      [点我收藏+]

标签:format   bsp   multi   自动   attr   sem   tier   option   dwr   

  1. 安装插件Vetur,ESlint。
  2. 打开用户设置setting.json,将下面内容复制粘贴。
{
  // tab 大小为2个空格
  "editor.tabSize"2,
  // 编辑器换行
  "editor.wordWrap""off",
  // 保存时格式化
  "editor.formatOnSave"true,
  // 开启 vscode 文件路径导航
  "breadcrumbs.enabled"true,
  // prettier 设置语句末尾不加分号
  "prettier.semi"false,
  // prettier 设置强制单引号
  "prettier.singleQuote"true,
  // 选择 vue 文件中 template 的格式化工具
  "vetur.format.defaultFormatter.html""js-beautify-html",
  // vetur 的自定义设置
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes""aligned-multiple"
    },
    "prettier": {
      "singleQuote"true,
      "semi"false,
      "printWidth"100,
      "wrapAttributes"false,
      "sortAttributes"false
    }
  }
}

VSCode配置Vue自动格式化ESlint格式

标签:format   bsp   multi   自动   attr   sem   tier   option   dwr   

原文地址:https://www.cnblogs.com/6677m/p/12064145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!