手动创建新项目

Posted 2020-12-01 gme5

先在指定目录下创建一个新的项目目录

mkdir my-project 
cd my-project

在当前目录（my-project）下创建package.json,内容如下：

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

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

创建package.json后，在项目中安装nuxt：

npm install --save nuxt

创建pages目录（Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置）：

 mkdir pages

在pages目录下创建页面（index.vue）：

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

创建好后启动项目：

npm run dev

启动后等待编译，然后通过http://localhost:3000运行。

Nuxt.js 会监听 pages 目录中的文件更改，因此在添加新页面时无需重新启动应用程序。

参考：https://zh.nuxtjs.org/guide/installation#%E4%BB%8E%E5%A4%B4%E5%BC%80%E5%A7%8B%E6%96%B0%E5%BB%BA%E9%A1%B9%E7%9B%AE