Logo
    ViteでProjectを作る方法

    ViteでProjectを作る方法

    はじめに

    ゆとり世代の中野です。

    さっそくチャレンジについて書いていきます。

    チャレンジする背景

    • ViteでProjectを作りたい

    チャレンジ内容

    • ViteでProjectを作る

    やったこと

    • Projectを作成する
    • npx create-vite PROJECT_NAME
    • -—template を指定することでインタラクティブにTemplateを指定できる
    • npx create-vite PROJECT_NAME --template テンプレート名を入力(vanilla, vanilla-ts, vue, vue-ts, react, react-ts, preact, preact-ts, lit, lit-ts, svelte, svelte-ts.)
      Vite

      Next Generation Frontend Tooling

      vitejs.dev

      Vite
    • Solid.jsを使いたい場合
      • Solid.jsがテンプレートを用意してくれているのでここから使いたいテンプレートを選ぶだけ

    結論

    • Projectを作ることは簡単にできた

    さいごに

    • degitを初めて知った

    yutanakano

    WEBエンジニア

    大阪生まれのゆとり世代です

    趣味はバイクでツーリングに行くこと

    愛車は Ninja ZX-25R SE KRT EDITION

    Expoでプロダクトを作っています

    image

    ©ゆとりちゃれんじ

    GitHubXInstagram