nuxt从零创建

安装

nuxt.js提供了vue-cli的初始化模块,我们安装vue-cli ,安装过忽略此步。

npm install -g vue-cli

安装依赖

vue init nuxt/starter <project-name>
cd <project-name>
npm install

依赖安装完成后

npm run dev

打开浏览器 http://localhost:3000

配置路由

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。

假设 pages 的目录结构如下:

pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue

那么,会自动生成Nuxt.js

router: {
  routes: [
    {
      name: 'index',
      path: '/',
      component: 'pages/index.vue'
    },
    {
      name: 'user',
      path: '/user',
      component: 'pages/user/index.vue'
    },
    {
      name: 'user-one',
      path: '/user/one',
      component: 'pages/user/one.vue'
    }
  ]
}

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×