BookmarkLINENuxt.js(ナクスト)は、Vue.jsアプリケーションを構築する為のフレームワークです。https://ja.nuxtjs.org/Nuxt.jsをでの開発環境を構築するための手段はいくつかありますが、その中で2つのインストール(プロジェクト作成)方法を見ていきます。開発環境は以下の通りです。今回の作業でインストールされたバージョンです。nuxt-community/starter-template最小構成のスターターテンプレート。ESLintのみがインストールされます。https://github.com/nuxt-community/starter-templateしかし公式ページには「非推奨です。create-nuxt-appでプロジェクト作成してね。」と思いっきり書いてあります。リポジトリもアーカイブされていてこれ以上の開発は無いみたいなのでとりあえず試す用、、とはいえ、同じ構成は後述するcreate-nuxt-appでも作成できるので、敢えてこれを使う必要はもうないのかもしれません。システム要件starter-templateを使うには、以下を満たしている必要があります。以上インストールstarter-templateを使ってNuxt.jsをインストールする時は、以下の書式でコマンドを作成します。]実際にインストールしてみます。プロジェクトを作成(インストール)したいところへ移動し、以下のコマンドを叩きます。nuxt-sample-1コマンドを叩くと、以下三点を聞かれます。未記入でもデフォルトが差し込まれるので、必要なら入力するが、後でも編集可能なのでひとまずENTERでもOK。<xxx@mail.address>)プロジェクトが作成されたら以下が表示されます。devこの時点ではまだひな形が落ちてきただけなので、作成されたプロジェクト(ディレクトリ)へ移動し、案内の通りに依存パッケージのインストールを行います。installインストールが完了したら、以下コマンドを叩いて開発サーバを起動させます。dev起動したら、ブラウザからhttp://localhost:3000/へアクセスすると、初期画面が表示されます。見ると分かる通り、シンプル最小構成です。}}nuxt/create-nuxt-appNuxt.jsが公式に提供しているプロジェクト作成ツールです。以下を満たしている必要があります。自体のインストールを行います。以下のコマンドでインストール出来ます。オプションを付けてグローバルインストールしています。この辺はお好みでどうぞ。プロジェクト作成create-nuxt-appを使ってNuxt.jsをインストールする時は、以下の書式でコマンドを作成します。]実際にインストールしてみます。nuxt-sample-2コマンドを叩くと、いくつか入力&選択を行います。Code)インストールが完了すると、以下が表示されます。startこの時点でスターターテンプレートとは違い、既に依存パッケージのインストールも完了した状態です。初期画面が表示されます。アプリケーションディレクトリの変更プロジェクトに色々なツールを導入していくと、設定ファイルやディレクトリなどでごちゃごちゃしてきます。その時には、Nuxt.jsのアプリケーション部分だけ別のディレクトリに移動させるとすっきりします。導入した場合のプロジェクトルート配下の内容は以下になっています。yarn.lockこれに1つ新たなディレクトリを作成して、Nuxtアプリケーション部分だけをそこに移動させます。yarn.lock移動させたら、この変更を適用させる為に設定ファイルを編集します。追加アプリケーションディレクトリを指定する記述を追加しています。(追加場所はどこでも大丈夫です。)ここまでを行ったら改めてNuxtを起動させ、問題なく動作すれば完了です。まとめ特に理由がなければ、create-nuxt-appで環境構築していけばスムーズにNuxt.jsでの開発環境を構築できます。SESを使ってAPIメール送信を行う(Mailableクラス&SimpleEmailService)2019.12.3MySQL8.0.16で追加されたCHECK制約を試してみる。RitoLaboこのサイトについて利用規約プライバシーポリシ。