标签：href nbsp yarn layout 渲染 class 微信公众号 script 目录结构
拉取项目 luwei.web.study-ant-design-pro, 切换至
page分支，可看到创建页面的效果
前置：安装完依赖包，若未安装，请移步 安装项目依赖包
运行命令启动项目：
npm start
若使用 yarn 安装的用户请运行：
yarn start
在项目根目录下执行命令
umi g page FormDemo1
在 pages 文件夹上就可看到两个新增文件
image
新建一个同名的文件夹，把这两个文件放在一起，目录结构如下
image
找到 ./config/router.config.js 文件
增加路径配置
// formDemo
{
path: ‘/FormDemo‘,
name: ‘Form Demo‘,
icon: ‘dashboard‘,
component: ‘../layouts/UserLayout‘,
routes: [
{
path: ‘/FormDemo/FormDemo1‘,
name: ‘Form Demo1‘,
component: ‘./FormDemo1/FormDemo1‘,
},
],
},
image
保存，点击左侧边栏的菜单，如图所示
image
作者简介：李尧晖，芦苇科技web前端开发工程师，代表作品：飞花亭小程序、续航基因、YY表情红包、YY叠方块直播竞赛小游戏。擅长网站建设、微信公众号开发、微信小程序开发、小游戏制作、企业微信制作、H5建设，专注于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究。
欢迎和我们一起并肩作战： web@talkmoney.cn
访问 www.talkmoney.cn 了解更多
提供深圳微信公众号外包，高质量的钉钉开发，专业的企业微信建设，东莞微信小程序开发，广州小游戏制作，广东H5建设
创建页面---基于Ant-Design-Pro-2-0-的CMS管理后台入门系列
标签：href nbsp yarn layout 渲染 class 微信公众号 script 目录结构
原文地址：https://www.cnblogs.com/luwei-web/p/10209324.html
