Vuex入門中
https://vuex.vuejs.org/ja/guide/
をすすめている中で
https://vuex.vuejs.org/ja/guide/structure.html
で
参考として Shopping Cart Example をみてみるのもよいでしょう。
とあったが、見るだけじゃなく、実際に動かしてみたかった。
手順
-
Vuexクローン
https://github.com/vuejs/vuex.git -
examplesディレクトリに移動し、ビルドを行う
npx webpack
を実行したところ、
既存のpackage.jsonでwebpack-cliが入っていないということなので、指示にしたがって、インストール -
expressを動かす
node server.js
私はPORT番号を変えたかったので、
PORT=3000 node server.jsとした
こうすると、node.jsの環境変数のポート番号指定が変更できる
-
http://localhost:xxxx
にアクセス
うまく行っていればexamplesが見れるはず
おわりに
意外と簡単にいけて、nodeすげぇってなった。
もともと動かしたい目的が、色々いじってどうなるか見てみたかったというところなので、ホットリロードしたくなったら、また調査して、記事にしたいと思います。