ESlint:是用來統(tǒng)一JavaScript代碼風(fēng)格的工具号涯,不包含css、html等锯七。
背景:
近來研究前端链快,然后一直在百度上找VScode格式化(ESlint)的插件,結(jié)果找了半天都不靠譜眉尸。目前沒有一個(gè)可以格式化html域蜗、css、符合ESlint的js噪猾、vue的插件霉祸,所以自己東拼西湊加實(shí)踐找到解決方法。
解決方案:
1袱蜡、安裝插件
1)ESlint:javascript代碼檢測工具脉执,可以配置每次保存時(shí)格式化js,但每次保存只格式化一點(diǎn)點(diǎn)戒劫,你得連續(xù)按住Ctrl+S好幾次,才格式化好半夷,自行體會(huì)~~
2)vetur:可以格式化html、標(biāo)準(zhǔn)css(有分號 迅细、大括號的那種)巫橄、標(biāo)準(zhǔn)js(有分號 、雙引號的那種)茵典、vue文件湘换,
但是!格式化的標(biāo)準(zhǔn)js文件不符合ESlint規(guī)范,會(huì)給你加上雙引號彩倚、分號等筹我,像這樣
?npm i -S eslint-plugin-vue
.eslintrc
"plugins": [
????"vue"
]
?vscode首選項(xiàng) 添加
"eslint.autoFixOnSave":?true,
"eslint.validate": [
????"javascript",{
????????"language":?"vue",
????????"autoFix":?true
????},"html",
????"vue"
],
?當(dāng)按ctrl+s保存的時(shí)候,格式才會(huì)發(fā)生變化
空格帆离,引號都會(huì)變成我們需要的格式