rails newコマンド - Githubissues

suzy1031 commented 3 years ago

backendをrailsで開発する

/project配下にプロジェクトを作成すると、gitがおかしい /new-projects配下にプロジェクトを作成する

$ ruby -v
2.5.1 ~~
# ruby 2.6.6をローカルで適応させる
$ rbenv local 2.6.6
$ ruby -v
$ ruby 2.6.6 ~~

# 新規railsプロジェクト作成
$ rails _5.2.3_ new everyday-study-app -d mysql -B --webpack=vue --skip-test

# vueバージョンを確認
$ npm list vue
everyday-study-app@ /Users/sugawarakouhei/new-projects/everyday-study-app
└── vue@2.6.12

モデル作成

$ rails g model study time:float total:float user_id:integer
# mysqlをスタートする(自動起動完了)
$ sudo mysql.server start
$ rails db:create db:migrate

suzy1031 commented 3 years ago

JSONでレスポンスあるかを確認する

$ rails s
# chrome新規URLタブで以下URLを叩く
$ http://localhost:3000/api/v1/studies

suzy1031 commented 3 years ago

vue.jsを表示させる views/home/index.html.erbを作成

<%= javascript_pack_tag 'hello_vue' %>
<%= stylesheet_pack_tag 'hello_vue' %>

suzy1031 commented 3 years ago

ホットリロードする

YOUR_PROJECT$ ./bin/webpack-dev-server

suzy1031 / everyday-study-app

rails newコマンド #6