Vue 3.0 composition apiによるAWS サーバーレス開発 シリーズ① フロント側環境設定

フロント:Vue.js-cli 3.0 + axios + vue-datepicker + json server

まずフロント側から着手、なんせまず動かすことが大事。

事前作業

Node.js , Vue.js 3.0 cli,Git,json_sever,vs_codeのインストール(いずれ最新のもので良い)

コマンドプロンプトで環境設定

mkdir vue-app
cd vue-app
vue create develop 

Manually select featuresを以下のように選択

select Babel,Router,Vuex,CSS Pre-processors,ESLint+error only,Unit Testing:Jest,E2E:Cypress;
Vue 3.xを選択
残りはすべてEnterキーで完了させる。

cd develop 
npm install axios --save
npm install --save sass-loader node-sass
npm install @vuepic/vue-datepicker

コマンドプロンプトで下記コマンドを実行

npm run serve

ここまで表示できれば、フロント側のセットアップ一旦完了となる。お疲れ様でござる！！