在uniapp项目中结合使用eslint和prettier

首先我们得在uniapp项目中初始化eslint文件

npx eslint --init

根目录出现.eslinttrc配置文件后再看怎么结合使用prettier标准,先安装prettier依赖

npm i --save-dev prettier

根据prettier官网推荐安装 eslint-plugin-prettier结合eslint-config-prettier使用。

eslint-config-prettier会执行ESLint命令,会禁用那些和Prettier配置有冲突的规则;

eslint-plugin-prettier会标记不一致的区域。

npm i --save-dev eslint-plugin-prettier eslint-config-prettier

最后修改.eslinttrc配置文件

{
  "extends": [
		"plugin:prettier/recommended"
    ]
}

试了试,出现以下情况。

 说白了就是error Delete `␍` prettier/prettier之前遇到过这个问题解决方案如下,在.eslinttrc配置文件中添加

"rules": {
    "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto"
      }
    ]
  }

解决问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值