一直以來都是用sublime進(jìn)行項目開發(fā),項目中通過prettier格式化代碼酵紫,這次用vscode打開項目告嘲,一運行起來全是報錯,一臉懵奖地。找了半天橄唬,發(fā)現(xiàn)全是html格式錯誤,大概是vscode某處配置自動格式化規(guī)則跟項目中的prettier規(guī)則沖突了参歹。
如下圖仰楚,塊級元素子節(jié)點都自動換行了。
自動換行
最終發(fā)現(xiàn)是因為vscode中裝了vetur插件犬庇,而vetur自帶的代碼格式化功能與prettier沖突僧界,找到? ?Setting -> Extensions -> Vetur 將HTML的默認(rèn)格式化工具修改為prettier,問題解決臭挽。
Vetur設(shè)置