cloud9 (node)でvue.jsの環境構築を行った際のメモ

cloud9にvue.jsをcliで環境構築した際の手順と遭遇したエラー

vue-cliのインストール
$ npm i -g vue-cli

$ vue init webpack アプリ名
([webpackの部分は他にも指定できる](https://qiita.com/h_plum/items/86b8a6a86ac0fea8a4d1)）

$ cd アプリ名
$ npm run dev

リンクがコンソールにでるのでアクセスする。

別タブでアクセスすると、警告ページが表示された。

調べたら何パターンか対処法があったのでメモ。
(最終的に警告のボタンを押したらなおったような気もする...)

[対処法１]
以下でセットアップした場合。
$ vue init webpack アプリ名

次のファイルがあるかと思うので修正する
/build/webpack.dev.conf.js

修正方法
https://terraria64.hatenablog.com/entry/2018/05/31/150602

[対処法２]
package.jsonのscriptsのdevを修正する

修正方法
https://forum.freecodecamp.org/t/how-to-run-vue-cli-webpack-template-on-cloud-9/159500/3

[対処法3]
以下でセットアップした場合。
$ vue init webpack-simple アプリ名

以下のファイルのDocumentRootを修正する
/etc/apache2/sites-enabled/001-cloud9.conf

修正方法
http://noifuji.hateblo.jp/entry/2017/12/14/111758

次のファイルは存在しないようだ...
/build/webpack.dev.conf.js

対処法を試すと、コンソールにhoge:8081とリンクが表示されるようになる...
hoge:8080でアクセスすると表示された。

とりあえず、忘れないようにメモ。