vue-element-plus-admin如何新增页面？

Vue-ElementPlus-Admin是一个基于Vue.js和Element Plus构建的后台管理模板，它通常通过Vue CLI或者脚手架工具来进行页面增删改查。以下是基本步骤：

1. **打开项目**：
打开终端或者命令行工具，导航到项目的`src/views`目录，因为在这个目录下通常存放着页面组件。

2. **创建文件**：
使用命令`touch`或者`vi/nano`创建一个新的`.vue`文件，例如`newPage.vue`。确保文件名符合命名规则，如驼峰命名法，并且放在合适的子目录中，比如`/components/admin`。

3. **编写组件**：
在`newPage.vue`文件中，首先引入必要的Element Plus UI库，然后定义一个组件结构。你可以添加路由元信息，如`meta`标签用于权限控制、`name`属性用于URL路径等。组件内容可以根据需要包含HTML、CSS和JavaScript。

<template>
  <el-container>
    <el-header>新页面标题</el-header>
    <el-main>
      <!-- 页面内容 -->
    </el-main>
    <el-footer>新页面底部</el-footer>
  </el-container>
</template>

<script setup>
import { ElButton } from "element-plus";
export default {
  name: "NewPage",
  components: {
    ElButton,
  },
};
</script>

<style scoped>
/* 如果有自定义样式 */
</style>

4. **注册组件**：
需要在`src/router/index.js`或其对应的模块中，将新创建的组件注册到路由配置里。你需要设置`path`、`component`以及可能的其他选项，如`meta`。

5. **运行热加载**：
如果开启了Vue CLI的热更新功能（HMR），保存改动后，刷新浏览器应该能看到新页面已经添加。

// router/index.js 或者相应的路由模块
{
  path: '/admin/new-page',
  component: () => import('@/views/admin/NewPage.vue'),
  meta: { requiresAuth: true },
}