为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第11天 vue3 Prettier

标签:
Vue.js

课程名称:基于Vue3最新标准,实现后台前端综合解


课程章节: 第一章


课程讲师:Sunday



课程内容

    

    我们知道了 ESLint 可以让我们的代码格式变得更加规范,但是同样的它也会带来开发时编码复杂度上升的问题。


那么有没有办法既可以保证 ESLint 规则校验,又可以让开发者无需关注格式问题来进行顺畅的开发呢?就是prettier


  1.     一个代码格式化工具

  2.     开箱即用

  3.     可以直接集成到 VSCode 之中

  4.     在保存时,让代码直接符合 ESLint 标准(需要通过一些简单配置)


在 VSCode 中安装 prettier 插件(搜索 prettier),这个插件可以帮助我们在配置 prettier 的时候获得提示


https://img1.sycdn.imooc.com//636302740001e28707710293.jpg


在项目中新建 .prettierrc 文件,该文件为 perttier 默认配置文件

{
  // 不尾随分号
  "semi": false,
  // 使用单引号
  "singleQuote": true,
  // 多行逗号分割的语法中,最后一行不加逗号
  "trailingComma": "none"
}

并且再设置中 勾选

https://img1.sycdn.imooc.com//636302aa00012cdf08010246.jpg

那么此时的这个问题就是 prettier 和 ESLint 的冲突问题。


针对于这个问题我们想要解决也非常简单:


打开 .eslintrc.js 配置文件


在 rules 规则下,新增一条规则


'space-before-function-paren': 'off'


该规则表示关闭《方法名后增加空格》的规则




https://img1.sycdn.imooc.com//636303460001b96d10320680.jpg













 


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
25
获赞与收藏
19

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消