Window10 nuxt.jsを使用してみる

Window10 nuxt.jsを使用してみる

Vue.js アプリケーションを構築するためのフレームワークであるnuxt.jsの簡単な導入手順

環境

  • OS windows10 pro
  • node V10.16.3
  • npm 6.9.0

※nodeのインストールはこちら

nuxt.js とは

サーバーで、JavaScriptを使ったHTML生成を行うサーバーサイドレンダリング(SSR)が手軽に Vue.js ベースで実装できる

プロジェクト作成

vue-cliのインストールから開始

下記の通り、http://localhost:3000 で起動される

※画面はwindows terminalです。導入方法はこちら

アクセスすると下記画面が表示される

Hello World してみる

test\pages何にhelloファルダを作成し、index.vueを下記の内容で作成

http://localhost:3000/hello にアクセス

Hello Worldが表示される。topボタンを押下すればTOPに戻る