$ mkdir <项目名>
$ cd <项目名>
提示: 将 <项目名>
替换成为你想创建的实际项目名。
新建 package.json 文件
package.json
文件用来设定如何运行 nuxt
:
"name": "my-app",
"scripts": {
"dev": "nuxt"
上面的配置使得我们可以通过运行 npm run dev
来运行 nuxt
。
安装 nuxt
一旦 package.json
创建好, 可以通过以下 npm 命令将 nuxt
安装至项目中:
$ npm install --save nuxt
pages 目录
Nuxt.js 会依据 pages
目录中的所有 *.vue
文件生成应用的路由配置。
创建 pages
目录:
$ mkdir pages
创建我们的第一个页面 pages/index.vue
:
<template>
<h1>Hello world!</h1>
</template>
然后启动项目:
$ npm run dev
现在我们的应用运行在 http://localhost:3000 上运行。
注意:Nuxt.js 会监听 pages
目录中的文件更改,因此在添加新页面时无需重新启动应用程序。
了解更多关于 Nuxt.js 应用的目录结构: 目录结构。