rails5 + Vue.js +webpack の設定編 SPA開発(14) #Vue.js #web #SPA

index:

概要:

前のSPA 関連で、
rails5 の組合せとなります。

環境

rails 5.2.2
vue.js
webpack

windows7 です。

参考

https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11

参考の設定

github.com

設定など

・rails アプリの作成
rails new vue12 --webpack=vue

・yarn　を追加しておきます。
npm install -g yarn

・vue関係の追加

yarn add axios
yarn add vue-router
yarn add vue-template-compiler
yarn add vuex
yarn add vue-eslint-parser

起動

・webpack-dev-server　起動
ruby.exe bin/webpack-dev-server

・rails の起動
rails s

初期ページの追加

・home_controller.rb
https://github.com/kuc-arc-f/vue12_ver1/blob/master/app/controllers/home_controller.rb

・routes.rb
https://github.com/kuc-arc-f/vue12_ver1/blob/master/config/routes.rb

・index.html.erb
https://github.com/kuc-arc-f/vue12_ver1/blob/master/app/views/home/index.html.erb

・http://localhost:3000/
で、TOPページ開きます。