前端開發 如何在 js 檔裡使用 Emmet?Vetur 基本設定

1. 如何在 js 檔裡使用 Emmet?

有時開發在 js 檔裡想打 html 標籤，但沒辦法使用 tab 一招辦天下，實在很阿乍!!

打開 setting.json，輸入以下程式碼:

"terminal.integrated.tabs.enabled": true,
"terminal.integrated.defaultProfile.windows": "Command Prompt",
"workbench.colorTheme": "Elements",
"workbench.iconTheme": "vscode-icons",
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html",
"plaintext": "jade",
"ejs": "html",
"vue": "html"
},

Emmet 就能在js 、vue 檔使用了!!

2. Vetur 基本設定

通常使用 Vetur 都會搭配 eslint 使用，希望檔案儲存就能按照 eslint 規範修改。

一樣打開 setting.json ，複製以下程式碼就可以了

"editor.formatOnSave": true,
"vetur.ignoreProjectWarning": true,
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true
}
}

VsCode 外掛套件資源很豐富，讓寫 code 事半功倍，下篇來介紹覺得好用的套件給大家 !