前書き
vue.jsをする機会ができたので軽く触れていこうと思います。
とりあえずプロジェクト作成から始めていきます。
プロジェクト作成
vue-cliのインストールから始めます。
その前にvue-cliとは
Vue CLIとは CLIはCommnad Line Interfaceの略で、コマンドラインを使ってvue.jsで開発を行うための前準備を支援してくれるツールです。
らしいです。
早速書きコマンドでインストール
npm install -g vue-cli
エラーが発生しました。
どうやらC:\Users\Admin\AppData\Roaming\npm\node_modules\vue-cli\bin\vueってファイルが既にあるらしく怒られています。
一度対象ファイルを削除してもう一度インストールコマンド実行
でもまた同じエラー...
npm install -g vue-cli --force
上記コマンドで無理やりインストールできるそうなのでこちらでインストール
次にプロジェクトを下記コマンドで作成します。
vue init webpack [project名]
作成できたみたいです。
下記コマンドでVue.jsのWebサーバが起動する。その後http://localhost:8080を開きます。
npm run dev
上記画面が表示され無事動作確認ができました。