webpack安裝eslint插件，vscode中也有eslint插件，有啥區(qū)別？

其實(shí)還有別的，比如prettier, 等等，這么多插件都是用來(lái)格式化或者語(yǔ)法/規(guī)范檢查等。有什么區(qū)別嗎，如果都安裝了，配置之間不會(huì)沖突嗎？

另外，安裝了有的時(shí)候有.editrcconfig, .eslintrc, .prettierrc.jd 等文件，有的時(shí)候，檢查個(gè)語(yǔ)法，格式化，為什么有這么多。功能怎么劃分的，總感覺(jué)他們功能差不多，插件與插件之間不會(huì)打架嗎？

2018/8/9 追問(wèn)一下
如果項(xiàng)目不強(qiáng)制，但寫(xiě)的時(shí)候想規(guī)范一下，根據(jù)各位的回答，應(yīng)該是只需要在vscode中安裝eslint插件，我依此安裝后，卻提示

To use ESLint please install eslint by running 'npm install eslint' in the workspace folder admin-manage
or globally using 'npm install -g eslint'. You need to reopen the workspace after installing eslint

為什么要安裝eslint的npm包，難道vscode插件也會(huì)與npm包這個(gè)之間有耦合嗎？

回答

編輯回答

巫婆

webpack 里面的是在編譯期給你報(bào)錯(cuò)用的，報(bào)錯(cuò)了會(huì)停止編譯，直到你修復(fù)。

vscode中的是提示給你看的，方便你直接看到錯(cuò)誤。順便會(huì)幫你修復(fù)簡(jiǎn)單的錯(cuò)誤。

沖突是會(huì)有的，不過(guò)都是可配置的，不會(huì)配置的話就先去拿一份別人配置好的來(lái)用

2017年11月29日 21:43

編輯回答

神曲

你要理解webpack和vscode的區(qū)別，

vscode是一個(gè)編輯器，里面的插件只是一些在你編輯代碼的時(shí)候輔助的工具，而vscode中的eslint的插件是輔助你規(guī)范代碼編寫(xiě)的，它只會(huì)提示你，而對(duì)你的程序不會(huì)有什么影響。

webpack靜態(tài)模塊打包器(module bundler)，如果你在其中使用eslint插件的時(shí)候，如果沒(méi)有按照其中的規(guī)范寫(xiě)的話，會(huì)停止編譯，你打開(kāi)瀏覽器查看console是會(huì)提示你的，它是實(shí)實(shí)在在對(duì)你地程序是有影響的。

這兩者的沖突準(zhǔn)確點(diǎn)是指兩邊的配置文件不一樣。比如在vscode中的配置文件你的string使用雙引號(hào)，而webpack中確是單引號(hào)，那么在vscode中就不會(huì)提示你有錯(cuò)誤，而打包的時(shí)候webpack則會(huì)報(bào)錯(cuò)。
檢查語(yǔ)法，格式化代碼，這些意義更多的在于多人協(xié)作開(kāi)發(fā)時(shí)代碼更規(guī)范。

2017年12月31日 07:48

編輯回答