Loading...

​​Vue vol.2

​​やること

• ​​v-forによるリスト表示

• ​​component指向によるコーディング

• ​​vue-routerによるアプリケーション化

• ​​NuxtJSについて

​​

​​教材

​​この初期状態を

​​↓

​​こうしていく

​​

​​NuxtJSについて

​​vueなにか作り始めるという時に、第一の選択肢に上がるvueを活用したフレームワーク。

​​便利すぎて使わない手はない。

​​ここから先はNodeJSがローカルにインストールされてると過程する

​​

​​vue-cliをインストールする

​​npm install -g vue-cli 

​​(これを@vue/cliとすると次バージョンのcliが入ってしまって既存の参考サイトと使い方が大きく変わるのでvue-cliにすることをおすすめする)

​​

​​

​​nuxtでプロジェクトを作り始める

​​# プロジェクトを作り始めるディレクトリで

​​vue init nuxt-community/starter-template <project-name>

​​

​​起動する

​​npm run dev

​​

​​開発できる

​​

​​

​​デプロイする

​​npm run generate

​​distディレクトリに吐き出されたものをそのままS3や、Netlifyや、Githubにアップすれば無料ホスティングでサイトを公開できる

​​