iT邦幫忙

0

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

  • 分享至 

  • xImage

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

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

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

用 jsx 寫或改設定
https://ithelp.ithome.com.tw/upload/images/20210310/20117165kIzWhUMxZm.png

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

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

好的,再次感謝~

0
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"
},

加入以上代碼,試試看

感謝~

我要發表回答

立即登入回答