0
Help us understand the problem. What are the problem?

posted at

updated at

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

image.png
image.png

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

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?