プログラミング入門ナビ編集部TweetPocketこの記事ではWindowsをお使いの方が、Nuxt.jsの新規の空のプロジェクトを作成して、実行するところまでを学習します。動画でプログラミング入門をしよう準備npmのインストールnpmをインストールしていない方は、インストールを行う必要があります。作業用のディレクトリの作成と移動ここでは、一例として、ユーザーのホームディレクトリに、nuxt-projectsというディレクトリを作成して学習を行うことにします。macOSの方は、ターミナルWindowsの方はコマンドプロンプト、を起動します。nuxt-projectsと入力してエンターキーを押下。nuxt-projectsと入力してエンターキーを押下。参考:画面キャプチャ(Windows)Nuxt.jsの雛形となるプロジェクトの作成Nuxt.jsの雛形となるプロジェクトをすばやく作成できるツール「create-nuxt-app」が、Nuxt.jsチームによって用意されているので利用します。npxは、npmパッケージのダウンロードと実行を一度に行うツールのことです。helloの部分はプロジェクト名です。任意の名前を設定します。対話形式で、設定を行います。name、プロジェクト名を設定します。括弧書きが、デフォルトで使われる名前です。今回は、デフォルトの名前を使いたいので、エンターキーを押します。project)プロジェクトディスクリプション、プロジェクトの説明を設定します。変更もできますが、ここではデフォルトのまま使います。エンターキーを押します。noneexpresskoaadonishapifeathersmicroNuxtアプリケーション内部で利用される、サーバーサイドのフレームワークを選択します.ここでは使いませんので、noneを選択して、Enterキーを押します。Axios</i></a>ここでは使いませんので、選択しないで、Enterキーを押します。フレームワークを選択します。知名度が高いものだと、bootstrapです。ここでは使用しないので、noneを選択してEnterキーを押します。nonejestavaテストフレームワークを選択します。ここでは使用しないので、noneを選択してEnterキーを押します。Appレンダリングモードの選択。Universalは、サーバ側でレンダリング。Appはクライアント側でレンダリング。ここでは、Universalを選択して、Enterキーを押します。name、作者の名前を設定します。入力するか、デフォルトを設定するためのそのままにして、エンターキーを押します。npmyarnパッケージ管理ソフトを選択します。選択してエンターキーを押します。ここまでの操作で、Nuxtjsの雛形のプロジェクトが作成されました。キャプチャはWindowsですが、macOSでも同様。プロジェクトの実行それでは、ひな形のプロジェクトを実行してみましょう。作成されたhelloフォルダ(作成したプロジェクト名と同名)に移動します。hello開発モードで制作したプロジェクトを実行します。dev下記のような画面が表示されます。ChromeのURL欄にペーストして、表示します。下記のような、ダミーのホームページが表示されれば動作確認としてはOKです。Yを入力してEnterキーを押します。おわりにこの記事では、Nuxt.jsの新規プロジェクトを作成する方法について学習しました。・About・プライバシーポリシ。