// 此插件用來識別.html 和 .vue文件中的js代碼
‘html’,
// standard風(fēng)格的依賴包
“standard”,
// standard風(fēng)格的依賴包
“promise”
],
// add your custom rules here
‘rules’: {
// allow paren-less arrow functions
‘a(chǎn)rrow-parens’: 0,
// allow async-await
‘generator-star-spacing’: 0,
// allow debugger during development
‘no-debugger’: process.env.NODE_ENV === ‘production’ ? 2 : 0
}
}
3.安裝配置文件中依賴包：
-
eslint
-
babel-eslint
-
eslint-plugin-html
-
eslint-config-standard
-
eslint-plugin-standard
-
eslint-plugin-promise
通過 npm install (package) --save-dev 來配置到開發(fā)環(huán)境中。
并通過 npm install (package) -g 將依賴包安裝到全局環(huán)境下,為什么還要安裝全局環(huán)境下，原因可先行思考，稍后會(huì)在結(jié)尾解釋。
截止目前eslint環(huán)境就配置好了，可執(zhí)行eslint test.js來檢測是否可以運(yùn)行成功。
visio studio code 配置eslint
-
左側(cè)菜單欄選擇“擴(kuò)展”，搜索“eslint”安裝并重新加載，即可實(shí)現(xiàn)對.js文件的代碼檢測。
-
在項(xiàng)目中安裝eslint插件：npm install eslint-plugin-html --save-dev (安裝過的就不需要了)
-
配置vsc實(shí)現(xiàn)對.vue .html文件中的js代碼段的檢測： 頂部選項(xiàng)Code -> 首選項(xiàng) -> 設(shè)置，搜索編輯“eslint.validate”添加 “html”,“vue”!
“eslint.validate”: [
“javascript”,
“javascriptreact”,
“html”,
“vue”
]
- 可以打開項(xiàng)目中.vue文件，發(fā)現(xiàn)不規(guī)范的語法都已經(jīng)被紅色波浪線標(biāo)記出來了。
配置控制臺(tái)的eslint檢測環(huán)境
如果你想在控制臺(tái)查看項(xiàng)目中所有的warning 和 error，就請繼續(xù)往下看~
-
保證依賴包都在全局環(huán)境目錄下安裝
-
執(zhí)行 eslint --ext .js,.vue src 命令。 --ext用來指定檢測的文件格式，src是檢測的目錄。也可以給該指令提供一個(gè)更好記的別名，編輯package.json，在script屬性中新增一條。即可通過 npm run lint來檢測項(xiàng)目中的warning 和 error了。
“scripts”: {
“l(fā)int”: “eslint --ext .js,.vue src”
},
如何給項(xiàng)目配置eslint到這里就講完了，最后說下問什么要在全局環(huán)境下安裝依賴包吧。
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。
深知大多數(shù)前端工程師，想要提升技能，往往是自己摸索成長或者是報(bào)班學(xué)習(xí)，但對于培訓(xùn)機(jī)構(gòu)動(dòng)則幾千的學(xué)費(fèi)，著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上前端開發(fā)知識點(diǎn)，真正體系化！
由于文件比較大，這里只是將部分目錄大綱截圖出來，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且后續(xù)會(huì)持續(xù)更新
如果你覺得這些內(nèi)容對你有幫助，可以添加V獲?。簐ip1024c （備注前端）
最后
本人分享一下這次字節(jié)跳動(dòng)、美團(tuán)、頭條等大廠的面試真題涉及到的知識點(diǎn)，以及我個(gè)人的學(xué)習(xí)方法、學(xué)習(xí)路線等，當(dāng)然也整理了一些學(xué)習(xí)文檔資料出來是給大家的。知識點(diǎn)涉及比較全面，包括但不限于前端基礎(chǔ)，HTML，CSS，JavaScript，Vue，ES6，HTTP，瀏覽器，算法等等
CodeChina開源項(xiàng)目：【大廠前端面試題解析+核心總結(jié)學(xué)習(xí)筆記+真實(shí)項(xiàng)目實(shí)戰(zhàn)+最新講解視頻】
前端視頻資料：
一個(gè)人可以走的很快，但一群人才能走的更遠(yuǎn)。如果你從事以下工作或?qū)σ韵赂信d趣，歡迎戳這里加入程序員的圈子，讓我們一起學(xué)習(xí)成長！
AI人工智能、Android移動(dòng)開發(fā)、AIGC大模型、C C#、Go語言、Java、Linux運(yùn)維、云計(jì)算、MySQL、PMP、網(wǎng)絡(luò)安全、Python爬蟲、UE5、UI設(shè)計(jì)、Unity3D、Web前端開發(fā)、產(chǎn)品經(jīng)理、車載開發(fā)、大數(shù)據(jù)、鴻蒙、計(jì)算機(jī)網(wǎng)絡(luò)、嵌入式物聯(lián)網(wǎng)、軟件測試、數(shù)據(jù)結(jié)構(gòu)與算法、音視頻開發(fā)、Flutter、IOS開發(fā)、PHP開發(fā)、.NET、安卓逆向、云計(jì)算文章來源地址http://www.zghlxwxcb.cn/news/detail-859415.html
orums/4304bb5a486d4c3ab8389e65ecb71ac0)文章來源：http://www.zghlxwxcb.cn/news/detail-859415.html
AI人工智能、Android移動(dòng)開發(fā)、AIGC大模型、C C#、Go語言、Java、Linux運(yùn)維、云計(jì)算、MySQL、PMP、網(wǎng)絡(luò)安全、Python爬蟲、UE5、UI設(shè)計(jì)、Unity3D、Web前端開發(fā)、產(chǎn)品經(jīng)理、車載開發(fā)、大數(shù)據(jù)、鴻蒙、計(jì)算機(jī)網(wǎng)絡(luò)、嵌入式物聯(lián)網(wǎng)、軟件測試、數(shù)據(jù)結(jié)構(gòu)與算法、音視頻開發(fā)、Flutter、IOS開發(fā)、PHP開發(fā)、.NET、安卓逆向、云計(jì)算
到了這里，關(guān)于vue項(xiàng)目配置eslint(附visio studio code配置)，web微信開發(fā)工具的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
