Nuxt.js ---创建项目---hello world

创建有不同的方法，一是命令行系统创建，二是手动创建目录配置文件。

系统创建：首先在命令行输入命令即可创建项目

yarn create nuxt-app <project-name>

项目创建会有一些选中，根据需要进行选择即可，一般会选中

添加 axios module 以轻松地将 HTTP 请求发送到您的应用程序中。
添加 EsLint 以在保存时代码规范和错误检查您的代码。
添加 Prettier 以在保存时格式化/美化您的代码。

项目创建好会有这样的提示

进入项目输入命令就可启动项目

npm run dev

手动创建

如果不使用 Nuxt.js 提供的 starter 模板，我们也可以从头开始新建一个 Nuxt.js 应用项目，过程非常简单，只需要 1 个文件和 1 个目录。如下所示：

$ mkdir <项目名>
$ cd <项目名>

新建 package.json 文件

package.json 文件用来设定如何运行 nuxt：

{
  "name": "my-app",
  "scripts": {
    "dev": "nuxt"
  }
}

上面的配置使得我们可以通过运行 npm run dev 来运行 nuxt

过以下 npm 命令将 nuxt 安装至项目中：

$ npm install --save nuxt

创建 pages 目录：

$ mkdir pages

创建我们的第一个页面 pages/index.vue：

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

然后启动项目：

$ npm run dev

现在我们的应用运行在 http://localhost:3000 上运行