最近話題のViteを使ってVue.jsの開発環境を構築する方法を紹介します。
ちなみに、Viteは「ヴィート」と読ませるらしいです。
Vite環境構築
$ npm init vite-app sample
npx: 7個のパッケージを2.132秒でインストールしました。
Scaffolding project in [ディレクトリ名]/sample...
Done. Now run:
cd sample
npm install (or `yarn`)
npm run dev (or `yarn dev`)以上で環境構築は完了です。
あとはパッケージをインストールし、開発サーバを立ち上げればすぐに開発に着手できます。
$ cd sample
$ npm install
$ npm run dev> sample@0.0.0 dev
[ディレクトリ名]/sample
> vite
[ディレクトリ名]/sample vue
[vite] cannot resolve entry for dependency vue.
Dev server running at:
> Local: http://localhost:3000/
> Network: http://192.168.11.7:3000/localhost:3000にアクセスし、Viteのサンプルページが表示されれば完了です。
