Vue.js Bootstrap-Vueを利用したプロジェクトの作成

npm install -g @vue/cli

## プロジェクトを作成
vue init bootstrap-vue/webpack-simple boot-test

＜全てENTERキーを押下＞
? Project name boot-test
? Project description A Vue.js project
? Author 
? Use sass? No

   vue-cli · Generated "boot-test".

   To get started:
   
     cd boot-test
     npm install
     npm run dev.

cd my-project
npm install
npm run dev

## 起動
vue ui

host: '0.0.0.0'を追加します

devServer: {
    host: '0.0.0.0',
    historyApiFallback: true,
    noInfo: true
},

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <h1>{{ msg }}</h1>
    <h2 class="alert alert-success">Bootstrap-Vue</h2>
    <ul>
      <li><a href="https://vuejs.org" target="_blank" class="text-primary">Core Docs</a></li>
      <li><a href="https://forum.vuejs.org" target="_blank" class="text-secondary">Forum</a></li>
      <li><a href="https://gitter.im/vuejs/vue" target="_blank" class="text-success">Gitter Chat</a></li>
      <li><a href="https://twitter.com/vuejs" target="_blank" class="text-danger">Twitter</a></li>
    </ul>
    <h2 class="alert alert-info">Ecosystem</h2>
    <ul>
      <li><a href="http://router.vuejs.org/" target="_blank" class="btn btn-primary">vue-router</a></li>
      <li><a href="http://vuex.vuejs.org/" target="_blank" class="btn btn-success">>vuex</a></li>
      <li><a href="http://vue-loader.vuejs.org/" target="_blank"class=" btn btn-danger">vue-loader</a></li>
      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" class="btn btn-dark">awesome-vue</a></li>
    </ul>
  </div>
</template>