vscode中使用vetur、eslint、prettier格式化vue项目代码

Gabriel_wei

于 2019-05-22 10:04:26 发布

阅读量3.5k

点赞数

分类专栏：前端工具文章标签： vscode

本文链接：https://blog.csdn.net/Gabriel_wei/article/details/90438300

版权

前端同时被 2 个专栏收录

183 篇文章

订阅专栏

工具

38 篇文章

订阅专栏

文档

官网 setting.json

vetur

js-beautify-html

GitHub
官网
 下图是vetur里面的 js-beautify-html
在这里插入图片描述

Default settings

在vscode中，setting.json中的配置情况

应用

  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      //属性强制折行对齐,可以是这些值Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] 				   ["auto"]，默认为auto
      // 1.force-aligned 启用后.vue文件中templeate部分代码中的属性会被强制换行，但是闭合的标签却与最后一个属性在同一行，没有换
      //"wrap_attributes": "force-aligned" 
        "wrap_line_length": 120,//一行的长度超过120，在换行
		"wrap_attributes": "auto",
		"end_with_newline": false
    }
  },

未完

vscode setting.json
1