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

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

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 上运行