facebook twitter hatena line email

「Javascript/nuxtjs/インストール」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(手動でプロジェクト作成)
 
行24: 行24:
 
   }
 
   }
 
}
 
}
<pre>
+
</pre>
 
  $ yarn add nuxt
 
  $ yarn add nuxt
 
===ページ作成===
 
===ページ作成===

2021年6月4日 (金) 18:45時点における最新版

nuxt-appを使ってプロジェクト生成

yarn create nuxt-app project1

動作

$ cd project1
$ yarn dev

以下ブラウザで確認

ttp://localhost:3000

手動でプロジェクト作成

$ mkdir test1
$ cd test1

package.json

{
  "name": "my-app",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "start": "nuxt start"
  }
}
$ yarn add nuxt

ページ作成

$ mkdir pages

pages/index.vue

<template>
  <h1>Hello world!</h1>
</template>

動作

$ yarn dev

以下ブラウザで確認

ttp://localhost:3000

参考

nuxt公式:https://ja.nuxtjs.org/docs/2.x/get-started/installation