美文网首页
vscode整合prettier

vscode整合prettier

作者: 码农梦醒 | 来源:发表于2021-06-20 06:05 被阅读0次

安装prettier相关插件

prettier-code formatter, prettier eslint

配置vscode的格式化工具为prettier

image.png

在项目根目录下创建.prettierrc.json配置文件

{
  "semi": false, //末尾无分号
  "printWidth": 200,  //一行的字符数,如果超过会进行换行,默认为80
  "tabWidth": 2, // 缩进长度
  "singleQuote": true, // 默认单引号 ,false 默认使用双引号
  "htmlWhitespaceSensitivity": "ignore", // 问题1中的设置
  "endOfLine": "auto",  // 避免报错delete (cr)的错
  "jsxBracketSameLine": false, // 在jsx中把'>' 单独放一行
}

其他问题

如果配置完成后, 感觉配置未生效, 重启下vscode即可

相关文章

网友评论

      本文标题:vscode整合prettier

      本文链接:https://www.haomeiwen.com/subject/eosjyltx.html