關於用vscode在.js檔案裡面寫HTML或CSS內容時的emmet

react vscode javascript html 插件

pourquoiaimer64 2021-03-10 15:55:35 ‧ 1678 瀏覽

分享至

昨天接到任務，要在兩週內用沒學過的react寫好一個網頁並搭配沒學過的nginx進行上架...
今天剛開始依樣畫葫蘆的試著先把頁面做出來...

想問的是：在.js的檔案裡面寫HTML或CSS的內容時，要怎樣才能和在.html或或.css的檔案時一樣，可以只打個h1然後按Tab就會自動補完標籤的格式？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

listennn08

iT邦高手 5 級 ‧ 2021-03-10 16:05:34

用 jsx 寫或改設定

回應 3
分享
檢舉

pourquoiaimer64 iT邦新手 5 級 ‧ 2021-03-10 16:12:37 檢舉

感謝～再問一下用JSX寫是只要在標籤上宣告就好嗎？還是副檔名要改？

listennn08 iT邦高手 5 級 ‧ 2021-03-10 16:15:03 檢舉

我不知道標籤上宣告是麼意思，
不過 jsx 最後也是編譯成 js 檔，所以用哪個寫其實都一樣

pourquoiaimer64 iT邦新手 5 級 ‧ 2021-03-10 16:50:15 檢舉

好的，再次感謝～

登入發表回應

darrenchen2020

iT邦新手 4 級 ‧ 2021-03-10 16:32:31

ctrl + p開啟搜尋視窗，找到setting.json，

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "plaintext": "jade",
    "ejs": "html",
    "vue": "html"
},

加入以上代碼，試試看

回應 1
分享
檢舉

pourquoiaimer64 iT邦新手 5 級 ‧ 2021-03-10 16:49:58 檢舉

感謝～

登入發表回應

我要發表回答

立即登入回答