鍍金池/ 問答/HTML/ 用vue-cli構(gòu)建的項(xiàng)目(開啟了eslint)，webstorm的自動格式化與

用vue-cli構(gòu)建的項(xiàng)目(開啟了eslint)，webstorm的自動格式化與eslint沖突報(bào)錯(cuò)。

我用vue-cli生成了一個(gè)項(xiàng)目，開啟了eslint的檢測，但是根據(jù)webstorm的快捷格式化代碼會造成eslint報(bào)錯(cuò)。
其中，vue-cli生成的項(xiàng)目中 .editorconfig文件如下圖：
clipboard.png

我本身webstorm的縮進(jìn)配置如圖：

clipboard.png

用快捷鍵（ctrl+alt+L）格式化代碼之后，eslint沖突如下：

clipboard.png

請問有沒有辦法可以讓格式化代碼后又不與eslint發(fā)生沖突的辦法呢？

回答
編輯回答
陪妳哭

clipboard.png

一圖勝萬言

2017年9月2日 22:10
編輯回答
來守候

在 .eslintrc.js 上右鍵，菜單底部有一個(gè) "Apply ESLint Code Style Rule" 點(diǎn)它，之后自動格式化就會按照 eslint 的規(guī)則了

補(bǔ)充：該功能從 WebStorm 2017.3 版本開始才有

2017年10月4日 15:55
編輯回答
做不到

有很多人遇到這個(gè)問題, 也有很多人就在那胡說.
先來說說這個(gè)問題是由于webstorm格式化有問題,與eslint無關(guān).不應(yīng)該使用eslint的方式去解決.
我是這樣解決的.
webstorm 設(shè)置頁面->Editor->Code Style
里面的JavaScript右上有一個(gè)set from , 我設(shè)置成了我想要的Standard風(fēng)格,然后HTML里面Other選項(xiàng)卡里面有個(gè)Do not indent children of ,加一個(gè)script,然后保存格式化一下看看效果

2018年2月27日 17:33