创建项目
使用脚手架
创建项目:
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) } } }