1. 程式人生 > >使用VSCode編寫jsx程式碼時如何實現標籤自動補齊

使用VSCode編寫jsx程式碼時如何實現標籤自動補齊

VSCode是kiddd最喜歡的編輯器,極簡而靈活,豐富而且繼續豐富著的外掛庫,配置簡單,都吸引著我。眾所周知,VSCode在編寫HTML程式碼時可以tab鍵自動補齊標籤。然而在編寫.jsx檔案的程式碼時,巢狀的標籤就無法享用一鍵補齊的優待了。

當然,如果這點問題不能解決,VSCode也不能在現代編譯器中脫穎而出了。這裡kiddd就介紹一種簡單的實現方法,你不需要下載任何外掛。

1. 開啟設定

開啟:檔案——首選項——設定

這裡寫圖片描述

2. 修改”emmet.triggerExpansionOnTab”屬性

開啟設定後搜尋”emmet.triggerExpansionOnTab”屬性,將其修改為false。
修改的方式是:點選該語句左側的筆狀圖示,或直接在右側輸入:

“emmet.triggerExpansionOnTab”: false
這裡寫圖片描述

over,搞定,配置完之後你就可以在jsx檔案中tab補齊標籤了。是不是非常簡單?開始你的react之旅吧。