首页 > 其他分享 >vetur eslint prettier vue格式化 结尾去掉逗号

vetur eslint prettier vue格式化 结尾去掉逗号

时间:2022-11-30 10:22:51浏览次数:37  
标签:vue 格式化 js json eslint vetur prettier

一、其实格式化分为  html  css js  ts 等部分

二、格式化程序也分为 vetur eslint prettier  三种

比如 js配置了“格式化程序” 是eslint,则eslint规则生效,es配置了格式化程序是  prettier,则prettier规则生效

三、配置的位置,优先级

根目录 package.json  >根目录  XXXrc.js  > setting.json

 

 

 

一、关于 js 末尾分号

settiing.json文件中,javascript.format.semicolons这个属性

 

二、有时候vscode保存时会自动在一些代码末尾补全逗号,但这在eslint严格模式下会导致报错!

 

在setting.json中的prettier属性中  添加"trailingComma": "none"  如果不生效,则找到对应配置XXXrc.js

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "semi": false,                        // 格式化时不加分号
        "singleQuote": true,                  // 格式化时使用单引号
        "trailingComma": "none",              // 格式化时末尾不添加逗号
    }
 }   

 

如 js的格式化程序是 prettier,prettier的配置文件 可能是  .prettierrc.js ,在该文件内配置 "trailingComma": "none"  则可能生效

 

三 ,关于vue 的html属性是否换行的问题 等

 

四、关于ts的格式化问题

重点在于选择格式化程序是vscode自带还是prettier

 

 

 

 

 

 

 

 

 

 

 

标签:vue,格式化,js,json,eslint,vetur,prettier
From: https://www.cnblogs.com/dhjy123/p/16937586.html

相关文章