鍍金池/ 問答/HTML/ webpack安裝eslint插件,vscode中也有eslint插件,有啥區(qū)別

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

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

另外,安裝了有的時候有.editrcconfig, .eslintrc, .prettierrc.jd 等文件,有的時候,檢查個語法,格式化,為什么有這么多。功能怎么劃分的,總感覺他們功能差不多,插件與插件之間不會打架嗎?


2018/8/9 追問一下
如果項目不強制,但寫的時候想規(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插件也會與npm包這個之間有耦合嗎?

回答
編輯回答
巫婆

webpack 里面的是在編譯期給你報錯用的,報錯了會停止編譯,直到你修復(fù)。

vscode中的是提示給你看的,方便你直接看到錯誤。順便會幫你修復(fù)簡單的錯誤。

沖突是會有的,不過都是可配置的,不會配置的話就先去拿一份別人配置好的來用

2017年11月29日 21:43
編輯回答
神曲

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

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

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

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

2017年12月31日 07:48
編輯回答
枕頭人

樓上回答的不準(zhǔn)確。

準(zhǔn)確的說應(yīng)該是webpack中的eslint是加載器,全名是eslint-loader。是為了處理某些文件的加載器而已,因此它本質(zhì)是loader。

vscode是一個編輯器,vscode中的eslint本質(zhì)上是一個vscode插件,

他會調(diào)用eslint,然后將eslint的報錯反饋給vscode,僅此而已。

webpack和webpack-cli有什么區(qū)別? 你可以對比理解一下

2017年10月20日 09:17
編輯回答
不討喜

樓上已經(jīng)正解。另外插件多,如果職能不同,基本也不可能打架。而一堆配置文件,只能說是歷史積病,沒辦法。

2017年2月28日 10:44