動機
Vue 3に対応したNuxt 3がリリースされたので、早速使ってみる。
ゴール
以前作成した下記のアプリと同等の機能を実装する。すでに、Vue3対応は完了しているため、大きな変更は必要ないはず。
https://github.com/hide6644/crawler-client
今回はインストールまで行う。インストール途中に「
ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
」のワーニングが表示されるが、今は気にしても仕方がないので、無視する。
インストール
実行環境
Windows 11
node 18
npx nuxi init プロジェクト名
cd プロジェクト名
npm install
実行
npm run dev
実行後、http://localhost:3000/にアクセスすると、welcomeページが表示される。
開発環境
開発環境には、Visual Studio Codeを使用する。インストール済みであれば、先ほどのインストールフォルダで、「code ./」を実行すると即座に起動できる。
（プラグインVolar Extension、TypeScript Vue Plugin (Volar)のインストール推奨）