对 vscode 自动格式化的结果不太满意,我们该如何自己调整直至自己满意为止...

本文介绍在使用Vue.js项目中,如何解决VSCode与ESLint关于代码格式化的冲突问题,包括调整缩进和匿名函数关键字后的空格处理。

前提概述

采用vue-cli 3.0自动生成vue项目,选了ESlint+Prettier,在写request.js的时候,顺手用vscode右击格式化文件(Alt+Shift+F),一下子报了8个问题,如图所示

总结一下,一共两种错误。第一,eslint规定换行后2个空格缩进,vscode格式化后默认是4个空格缩进;第二,匿名函数关键字function 与 小括号 之间不能有空格。

解决之道

1、文件->首选项->设置->... ->打开settings.json->用户设置

"editor.tabSize": 2,
"javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false

editor.tabSize 用来设置 2个空格缩进,javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions 负责定义匿名函数的函数关键字后面的空格处理

2、看图,选择使用空格缩进,继续选择2

感言

不妥协,死磕自己

转载于:https://www.cnblogs.com/yejing-snake/p/9712663.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值