【Vue.js】環境設定からHello World!まで

・環境設定

　Cloud9でVue.js環境を作る

　・フォルダを作成

　　mkdir vue_js_tutorial

　・vue-cliをインストール

　　npm install -g vue-cli

　・初期設定

　　cd vue_js_tutorial

　　vue init webpack

//　Nodeがインストールされていない場合にインストールする。

//　・Node.jsをインストール

//　　npm install

　・設定

　　build/webpack.dev.conf.js

devServer: {
  clientLogLevel: 'warning',
  historyApiFallback: true,
  hot: true,
  compress: true,
- host: process.env.HOST || config.dev.host,
- port: process.env.PORT || config.dev.port,
+ host: '0.0.0.0',
+ port: '8080',
+ disableHostCheck: true,
　　　　・
　　　　・
　　　　・
}

　・起動

　　npm run dev

プレビューするとこんな感じに表示される。