「Vue.js」 Bootstrap-Vueを利用してプロジェクトを作成する方法
環境
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」が表示されます。