(二) -Nuxt创建项目

创建项目

使用脚手架

创建项目：

npx create-nuxt-app 项目名称

cd 项目目录

npm run dev

从头开始新建项目

目录结构

路由

自动配置路由

• 默认会把 pages 中的页面，自动生成路由配置信息

手动配置路由

• 创建 nuxt.config.js

• 配置

  module.exports = {
    router: {
      // routes 默认的路由表
      // resolve 一个函数，用来配置路由组件的路径
      extendRoutes (routes, resolve) {
        routes.push({
          name: 'abc',
          path: '/abc',
          component: resolve(__dirname, 'views/test.vue')
        })
        console.log(routes)
      }
    }
  }