「Vue.js」 Bootstrap-Vueを利用してプロジェクトを作成する方法

2022年8月28日

環境
Windows 10 Home 64bit

>node --version
v14.18.3
>npm --version
6.14.15
>vue/cli --version
@vue/cli 5.0.1

操作方法
1.プロジェクトを作成します
[cfttest]という名前でプロジェクトを作成します

>vue init bootstrap-vue/webpack-simple cfttest

全てEnterキーを押します
略
? Project name cfttest
? Project description A Vue.js project
? Author
? Use sass? No

   vue-cli · Generated "cfttest".

   To get started:

     cd cfttest
     npm install
     npm run dev.

2.プロジェクトを起動します。

>cd cfttest
>npm install
>npm run dev
> cfttest@1.0.0 dev C:\xxx\cfttest
> cross-env NODE_ENV=development webpack-dev-server --open --hot

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.

3.動作確認
ブラウザから http://localhost:8080 にアクセスします。
「Welcome to Your Vue.js App」が表示されます。