CLIのインストールから、Vueプロジェクトの作成方法を解説していきます。■前回の記事はこちらTraveler【Vue.js】フィルタの使い方!テキストの変換処理に!https://traveler0401.com/vue-js-filters/Vue.jsにおけるフィルタ機能。特定の文字を変換したりする際に有効な機能です。CLIとは、Vue.jsを使ったアプリケーション開発を支援するためのコマンドラインインターフェースです。CLIを利用することで、ツールやライブラリといったアプリケーション開発に必要な開発環境を簡単に構築できます。CLIをインストールしておきます。※Node.jsとnpmがインストールされている前提です。CLIをグローバルにインストールします。CLIのインストールは完了です。Vueプロジェクトの作成方法では、Vueプロジェクトを作成していきましょう。my-app」を実行します。・「webpack」は「webpack-simple」に変更可能です。「webpack-simple」は学習用などに使用する簡易版です。・「my-app」はプロジェクト名になります。各質問に答えていきます。※そのままEnterで問題ありません。プロジェクトの説明です。※そのままEnterで問題ありません。作者の名前やメールアドレスです。※そのままEnterで問題ありません。※そのままEnterで問題ありません。Routerをインストールするかどうかです。ESLintをインストールするかどうかです。⇒ESLintは構文チェックをするツールです。自動テストツールをインストールするかどうかです。自動テストツールをインストールするかどうかです。自動的にモジュールをインストールするかどうかです。※そのままEnterでnpmを使用します。my-appができれば完成です。dev」を実行します。「http://localhost:8080/」にアクセスすると、上記のような画面が表示されます。CLIの導入」と「Vueプロジェクトの作成方法」を解説しました。CLIは思っている以上に導入が簡単ですね。Vueプロジェクトも簡単に作成できますし、ここから色々とカスタマイズしていきたいですね。僕がVue.jsの勉強をする際に購入した本になります。記事も合わせて読まれています。TravelerVue.jsの使い方を簡単に解説!メリットやサンプルコードも!https://traveler0401.com/vue-js/最近話題のVue.jsですが、全くの初心者にはどういったものなのか分からないですよね。僕もクライアント側は詳しくないので、Vue.jsについて勉強してみました。僕のプロフィー...Traveler【Vue.js】ウォッチャの使い方!サンプルコードも!https://traveler0401.com/vue-js-watch/Vue.jsのウォッチャ。チャとはVue.jsにおけるウォッチャとは、特定のデー...Traveler【Vue.js】フィルタの使い方!テキストの変換処理に!https://traveler0401.com/vue-js-filters/Vue.jsにおけるフィルタ機能。特定の文字を変換したりする際に有効な機能です。