CentOs8に Vue.jsの環境を構築してHello Worldしてみる

CentOs8に Vue.jsの環境を構築してHello Worldしてみる

Vue.jsの環境の構築手順です

環境

  • OS  CentOS Linux release 8.0.1905 (Core)
  • node V10.16.3
  • npm 6.9.0
  • @vue/cli 4.0.5

※centos8にnodeのインストール手順はこちら

Vue.jsとは

JavaScriptのフレームワークで、 MVVMフレームワークで、学習がしやすく、また、日本語ドキュメントも充実しています。

Vue.jsインストール

ローカルインストールにします

ローカルインストールとグローバルインストールについてはこちら

プロジェクト作成

プロジェクトを作成する

Firewall設定

外部からアクセスできるようにfirewallを設定します

起動

起動してみる

ブラウザよりhttp://プライベートIP:8080にアクセスすると下記の画面が表示されます。

Hello Worldしてみる

vueapp/src内のApp.vueを下記のように編集する

ブラウザよりhttp://プライベートIP:8080にアクセスすると下記の画面が表示されます。