vscode編寫vue代碼沒有代碼提示

vscode編寫vue代碼沒有代碼提示

一、安裝插件

在左側(cè)有個安裝插件的按鈕,點擊后即可通過關(guān)鍵詞搜索來安裝插件

vscode編寫vue代碼沒有代碼提示

二、插件配置

文件 =》首選項=》設(shè)置=》用戶設(shè)置

立即學(xué)習(xí)前端免費學(xué)習(xí)筆記(深入)”;

vscode編寫vue代碼沒有代碼提示

三、插件

vetur

作用:代碼提示,高亮

配置:

"emmet.syntaxProfiles":?{ ????????"vue-html":?"html", ????????"vue":?"html" ????}

ESLint

作用:代碼錯誤檢查

配置:

?"eslint.validate":?[ ????????"javascript", ????????"javascriptreact", ????????{ ????????????"language":?"html", ????????????"autoFix":?true?//?HTML自動修復(fù), ????????}, ????????{ ????????????"language":?"vue", ????????????"autoFix":?true?//?vue?自動修復(fù) ????????} ????], ????"eslint.autoFixOnSave":?true?//?文件保存時自動修復(fù)

File Peek

作用:路徑跳轉(zhuǎn)

配置:

"file_peek.activeLanguages":?[ ?????"typescript", ?????"javascript", ?????"python", ?????"vue" ], "file_peek.searchFileExtensions":?[ ?????".js", ?????".ts", ?????".html", ????".css", ????".scss", ????".vue" ]

相關(guān)文章教程推薦:vscode教程

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點贊8 分享