EclipseでVue.jsを動作させる方法
Node.jsのインストール
Node.jsの公式ページからインストールを行います。
コマンドプロンプト上で「node -v」とコマンドを打ち、下記のようにバージョンが表示されればOKです。
＊Web_Appは今回作成したSpringBootのプロジェクト。
Node.jsが正常にインストールできていれば、「npm -v」のコマンドも問題なく表示されると思います。
Vue.jsのインストール
Node.jsのインストールを終えたら、Vue.jsのインストールをEcripseで作成したプロジェクト上で行います。引き続きコマンドプロンプト上で作業を行います。
上記のコマンドではまず、私が今回作成した「Web_App」というプロジェクトまで階層を移動しています。そして、「Web＿App」上で、
「npm install @vue/cli」とコマンドを打つと、Vueがインストールされます。（正確にはVue CLIがインストールされます。）
ちなみにWindowsのコマンドプロンプトでの基礎コマンドは下記に表示しておきます。
・cd ディレクトリ名 指定したディレクトリに移動
・cd .. ひとつ前のディレクトリに移動
・dir 現在のいるディレクトリの一覧を表示
Vueのプロジェクトの作成
Vue CLIのインストール後に、Vueのプロジェクトの作成をします。
下記のコマンドを入力します。
Web_App上でフルパスを指定し、「vue create web」を実行します。
上記のように２系と３系の選択が表示されます。
今回は２系を選択しています。
動作確認
Vueのプロジェクトの作成後にEclipseで動作確認をします。
上記の画像の通りクリックしていただければ、下記の画面が確認できると思います。
上記の画面が正常に確認できれば問題ありません。
お使いの環境でエラーが出るかもしれませんが、根気強く頑張ってください。