在根目录新建.prettierrc 文件,在里面写配置项

{"singleQuote": true,"semi": false
}

右键选择用...格式化文档

选第一个 没有这个的话就下载一下插件 后面用起来直接格式化文件就好了。

Vscode代码格式化Prettier-Code formatter相关推荐

  1. VSCode中的Prettier - Code formatter插件配置

    一.Prettier - Code formatter 文件配置 settings.json文件 参考文章@前端烂笔头 参考文章@m0_57617148 关闭eslint语法报错: 参考文章@钢镚儿吖 ...

  2. vscode配置ESLint+Prettier - Code formatter+Vetur

    首先是安装ESLint+prettier+vetur: vscode 搜索安装即可,然后是注意package是否有这些: 没有的话npm安装. 之后就是配置这个文件: module.exports = ...

  3. Vs Code中Vue代码格式插件,Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置

    文章目录 一.插件的介绍与安装 1.Vetur插件 2.ESLint 插件 3.Prettier - Code formatter插件 二.相关文件配置 总结 前面主要先对插件进行介绍和如何安装,之后 ...

  4. vue .prettierrc文件常见配置, 以及配置 Prettier - Code formatter 插件 格式化

    使用vcode下载安装 Prettier - Code formatter(要启用该插件) 然后还要 设置 vcode 编辑器的 默认格式化 为 Prettierxxx , 操作步骤: 在vcode ...

  5. vscode代码格式化时属性不换行

    最近一直使用vscode,项目中也使用了eslint等代码格式化工具,但是自从更新之后标签属性一直换行,查询尝试了多种方法发现都已经不行,纠结好久才搞好,终于觉得编辑器清新了好多 1.需要 comma ...

  6. 三步搞定 vscode 代码格式化

    一.安装以下几个 vscode 扩展程序: ESLint Prettier - Code formatter Vetur 如图: 二.打开 settings 文件 打开方式: 先按步骤打开 setti ...

  7. vscode代码格式化js自动换行问题

    vscode代码格式化js自动换行问题 如果设置了默认格式化是使用自带JavaScript和Typescript的语言功能会看的吐血 类似下面这种 // 使用自带JavaScript和Typescri ...

  8. VScode代码格式化及语法检测

    一.安装以下三个扩展程序 1.ESLint ● javascript代码检语法测工具,可以配置每次保存时格式化js ● 每次保存时只格式化部分代码,需要连续按住Ctrl+S多次才能格式化完成 2.Pr ...

  9. vue在vscode代码格式化

    文章目录 安装插件 修改配置文件 确保和项目配置不冲突 完成 安装插件 安装三个插件: Prettier - Code formatter. ESLint . Vetur .对应的插件图片如下 修改配 ...

  10. vscode 代码格式化及快捷键

    VSCode 代码格式化 快捷键 On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I 代码格 ...

最新文章

  1. 【力扣网练习题】罗马数字转整数
  2. 鸿海拟收购韩国家电企业东洋美吉 价格或达4.5亿美元
  3. 大数据与数据挖掘考试题_大数据时代下的数据挖掘试题及答案
  4. 光伏电池组 局部阴影时输出模型 P-U曲线 I-U曲线 simulink实现 MPPT-Model
  5. 【渝粤题库】广东开放大学 婚姻家庭法 形成性考核
  6. Linux清mysql磁盘,mysql与linux ~ 磁盘分析与调优
  7. 【李宏毅2020 ML/DL】P16 PyTorch Tutorial | 最后提及了 apex.amp
  8. oracle查询语句转sql,将sql server查询语句转换为oracle查询语句[紧急]
  9. fread函数和fwrite函数用法
  10. 《MTP中高层实战管理专家周黎辉》
  11. 【锐捷校园网用电脑开热点】简明教程
  12. 带你去看——WRC 2016 世界机器人博览会
  13. 这张图可以帮助解释为什么欧洲有些国家欢迎难民,有些国家拒绝难民【The Washington Post】
  14. Fresher玩深沉
  15. 成为UiBot Store推广员,解锁全新赚钱方式
  16. 安装Windows 10X 教你如何安装Win10X正式版 及下载地址Win10X 20279.1002
  17. 2069: [POI2004]ZAW
  18. 【树莓派C语言开发】实验14:PS2游戏手柄模块(关联PCF8591)
  19. SVN主干到分支的详细操作!
  20. 2021灾难频发,人类将来或面临8种灭绝方式,希望是第6种

热门文章

  1. 微信阅读原文直接打开浏览器_点击链接打开微信再跳转到微信内部浏览器的解决方案...
  2. (LInux)network网卡重启失败原因及解决方法
  3. 四样融合!对东软刘积仁的战略布局,大写的服!
  4. 管理者不能忽视的9大面谈技巧
  5. 51nod1298 圆与三角形
  6. 从拉普拉斯矩阵说到谱聚类
  7. 万物通信三相智能电表
  8. 做外贸一定要知道的20条经验教训
  9. 【基本算法】 位运算:二进制状态压缩
  10. OPENGL ES 2.0 知识串讲 (4)——GLSL 语法(II)