現在の日時: Loading...

fuzi Image

Vite-Indx-page

JavaScript を使用して、Node.jsとViteで簡単にプロジェクト作成しよう

アンカータグ

内部リンクGo to p-canape Page
外部リンクCanapeでお寛ぎ!
プロジェクト作成Node.jsとViteプロジェクト作成

ここは
Webサイト制作ではおなじみのindex.htmlファイルですね。
Projectを開くとWebサイトの最初のページが表示されます。Webページの title や言語の指定はこちらから書き換えます。  
参考記事https://www.webcreatorbox.com/tech/vite-react
VScodeで稼動 npm run dev コマンドする。もし sh: vite: command not foundとなってたら% npm install --save-dev viteの後再度コマンドする。

以下の枠内はsrc/App.css内の

#root {
      background-color: rgb(208, 224, 236);
      max-width: 1280px;
      margin: 0 auto;
      padding: 2rem;
      text-align: center;
    }
が反映してます