在React項(xiàng)目開發(fā)的過程中，我們常用
styled-components來做css的私有化辫秧。為了提高開發(fā)的效率束倍，在這里把styled-components的語法提示高亮，以及px轉(zhuǎn)rem的方法盟戏。
注：筆者在日常開發(fā)中使用的編輯器是vscode绪妹，因此本文只針對(duì)vscode給出解決方案。
語法提示高亮
關(guān)于語法提示高亮，我是用的是 vscode-styled-components 插件，直接下載即可累舷。
vscode-styled-components
語法提示高亮效果
px轉(zhuǎn)rem
筆者沒有找到特別完美的解決方案，這是目前筆者找到的方法婶肩，個(gè)人感覺還不錯(cuò)，供以參考貌夕。
下載插件px to rem
px to rem
流程：
- 安裝插件
px to rem - 使用插件的快捷鍵
Alt + S快捷設(shè)置要轉(zhuǎn)換的根字體大小律歼。 - 正常用
px寫樣式 - 寫完后，選中
px啡专，然后用快捷鍵Ctrl + D選中所有匹配項(xiàng) - 使用插件的快捷鍵
Alt + Z直接轉(zhuǎn)換即可险毁。
演示：
演示
如果有更好的方法或者筆者表述有誤，歡迎分享與指正！
