6啊6啊:解决Eslint和Prettier的单引号&双引号问题

导言:根据ES6的编程规范,想把项目中的"双引号"转换成'单引号',然后就遇到了点问题;在这记录一下。

步骤一:

(1)VScode左下角打开设置,搜索 singleQuote,把(用户&工作区)里的引号配置都勾选上;

(2)执行 yarn lint 整体格式化一下,发现还是双引号..

(3)继续配置.....

步骤二:

(1)在根目录新建个 .prettierrc文件进行配置,加入如下配置:

"singleQuote": true

 (2)加入上述配置后 yarn lint 一下,发现 双引号 已经变成 单引号 了;哈哈,大工告..告...没告成!!!嗯?此时VScode竟然有可恶的黄色波浪线警告,看提示,居然是让我单引号 改成 双引号 !

     WK!这怎么能忍!?辛辛苦苦查资料,一配回到解放前...

步骤三:

(1)在根目录下的 .eslintrc.js 文件加个配置:

'prettier/prettier': [
    'warn',
     {
        singleQuote: true
     }
 ]

(2)单引号正常,黄色波浪线消失,大功告成!

方法不唯一,仅供参考,谢谢~

  • 17
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
根据引用和引用中的内容,可以看出,要配置ESLint使用单引号替代双引号,可以在项目根目录下新建一个.prettierrc文件,并在文件中添加如下对象配置: { "semi": false, // 去掉结尾的分号 "singleQuote": true, // 单引号替代双引号 "trailingComma": "none" // 末尾禁止添加逗号 } 这样配置之后,ESLint会自动将双引号替换为单引号。同时,你还可以根据需要进行其他配置,如去掉结尾的分号、禁止添加末尾逗号等。引用中的内容也提到了一些其他配置,如解决eslint要求函数括号前必须有空格的警告和解决eslint提示只能缩进两个空格的警告。123 #### 引用[.reference_title] - *1* [6啊6啊:解决EslintPrettier单引号&双引号问题](https://blog.csdn.net/Leven_E/article/details/122061952)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [一次性解决eslint单引号双引号、分号、空格的报错警告问题](https://blog.csdn.net/m0_56991207/article/details/125181377)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值