我正在嘗試建立一個新的自我約定，以使我的 React 代碼更好地組織，如下所示：
export default function HeaderExample() {
const compStyle = getStyle();
return (
<>
<h1>Hello World</h1>
<style jsx>{compStyle}</style>
</>
)
}
function getStyle() {
return `
h1 {
color: blue;
}
`
}
它作業得很好，但是寫入回傳getStyle()非常困難，因為我沒有從 IDE 獲得格式或語法高亮幫助。
我怎樣才能得到那些？插件/庫/設定/給它一個型別？任何這些都會有所幫助。
同時，你認為這會導致任何問題嗎？
uj5u.com熱心網友回復：
WebStorm 有一個內置功能Language Injection。為了那個原因。
- 在下拉選單中，選擇
Inject language or reference。不單擊右側，enter再次單擊。
- 應該會打開一個視窗，現在選擇您想要注入的語言。如果選擇
CSS結果應該是：
回答你的第二個問題。它不應該在路上造成任何麻煩。
編輯補充：
可以通過評論觸發相同的行為laguange=css
uj5u.com熱心網友回復：
在 vscode 中，您可以使用ES6 String css vscode 擴展
只需/*css*/在 ` 之前添加這樣
function getStyle() {
return /*css*/`
h1 {
color: blue;
}
`
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/431499.html
標籤：javascript 反应 视觉工作室代码 网络风暴 vscode 设置