热门标签
热门文章
- 1华为od机考_机器人仓库搬砖_Java_java 机器人仓库搬砖
- 2[转载] python3 opencv 图像二值化笔记（cv2.adaptiveThreshold）_python中cv2.adaptivethreshold 函数的源码简单实现
- 3KEPServerEx 简单分析
- 4实时同步：使用 Canal 和 Kafka 解决 MySQL 与缓存的数据一致性问题_kafka如何同步canal数据
- 5前端进阶｜详细讲讲函数柯里化_前端柯里化
- 6html接口登录验证,Vue项目中实现用户登录及token验证
- 7Android Stuido 类文件头部设置作者、日期等相关信息_android studio 怎么修改项目日期
- 8中国版 LMSYS 来了！扣子模型广场带来了什么？
- 9android反编译apk常用工具_apk反编译工具
- 10CentOS 安装Redis
当前位置: article > 正文
Vue项目配置代码格式化工具Prettier_vue prettier
作者：小惠珠哦 | 2024-08-09 03:08:06
赞
踩
vue prettier
1.为什么要用Prettier
用来替代lint中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查出问题之后还需要手动修改，而通常这样的错误都是空格或者符号之类的，这样相对来说不太优雅，利用格式化工具自动生成省时省力。
2.配置过程
- 在项目根目录创建一个 .prettierrc文件
- 文件中添加所需要的规则，如将分号;进行去除（semi），或者将双引号改为单引号(singleQuote)
- 进行文件的保存，然后使用格式化代码快捷键shift+art+F，就可以看到效果了
格式化前：
格式化后：
可以看到双引号变成了单引号，分号也不见了
然后下面是一些常见的配置项
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/951129
推荐阅读
相关标签
