「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
