菜园前端

Appearance

NuxtJS 安装 ​

NuxtJS 提供了脚手架工具 create-nuxt-app 初始化一个 NuxtJS 应用。当然也可以自定义安装 NuxtJS 使用。

自定义搭建项目 ​

1. 在空的项目中新建 package.json 文件 ​

json
{
    "name": "nuxtsj",
    "scripts": {
        "dev": "nuxt"
    }
}
{
    "name": "nuxtsj",
    "scripts": {
        "dev": "nuxt"
    }
}

2. 通过 YARN 安装 Nuxt ​

sh
$ yarn add nuxt
$ yarn add nuxt

3. 创建 pages 文件夹并新建 index.vue 文件 ​

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

4. 项目启动 ​

sh
$ npm run dev
$ npm run dev