VScode 上で今開いているファイルを Vite でプレビューする拡張を作ったら便利

関連記事

VScode 上で今開いているファイルを Vite でプレビューする拡張を作ったら便利

// props を持たないファイル名と同名のコンポーネント export default function Sub(props: {name: str...概要を表示 // props を持たないファイル名と同名のコンポーネント export default function Sub(props: {name: string}) { return <h1 className="flex"> <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> Click {props.name} </button> </h1> } // ここが render される export const __PREVIEW__ = () => { return <Sub name="dummy" /> } 他にも .svelte や .html にも対応してる。対応パターンは以下。 注意点として、 dynamic import が絡むとプレビューに失敗する。

• VSCode
• vite
• あとで読む
• article
• tool
• javascript

ブックマークしたユーザー

• techtech05212024年06月19日 techtech0521
• cyber_snufkin2023年12月04日 cyber_snufkin
• lugecy2023年10月22日 lugecy
• Akineko2023年10月21日 Akineko
• igrep2023年10月20日 igrep
• en-en-ra2023年10月20日 en-en-ra
• mnmandahalf2023年10月20日 mnmandahalf
• balaem2023年10月20日 balaem
• hrfmmymt2023年10月20日 hrfmmymt
• akishin9992023年10月20日 akishin999
• tnaototo2023年10月20日 tnaototo
• dhesusan46492023年10月20日 dhesusan4649
• mztns2023年10月20日 mztns
• yasuhiro12122023年10月20日 yasuhiro1212
• yuiseki2023年10月20日 yuiseki
• ant_mugi2023年10月20日 ant_mugi
• aravow2023年10月20日 aravow
• mstk_knife2023年10月20日 mstk_knife