本文介绍: package.json 文件相关的配置和版本,充分了解这些配置有助于我们提高开发的效率。src / locales/ zh-CN 文件夹全部预览一遍,找到menu.ts 文件。然后你就看到,导航栏有变化了,有个初步了解。就根据这种方法修改,慢慢深入理解。’menu.home‘: ‘首页‘, 在这个后面加一个,’menu.第三步,组件总览 – Ant Design快速看一遍。请根据需求来,把文件夹和业务代码做一个区分。第四步,尝试改动代码。1.查看语言包,了解并掌握字段文字。pages # 页面文件夹。
$ npm i @ant-design/pro-cli -g
$ pro create my-app
$ cd my-app
$ npm i
$ npm run start
# 打开浏览器访问 http://localhost:8000
# 如果安装过程中出现报错,请更新包
$ npm update
package.json 文件相关的配置和版本,充分了解这些配置有助于我们提高开发的效率
https://ant-design.antgroup.com/components/overview-cn
src / locales/ zh-CN 文件夹全部预览一遍,找到menu.ts 文件。
‘menu.home‘: ‘首页‘, 在这个后面加一个,’menu.user‘: ‘用户‘,
{
path: '/welcome',
name: 'home',
icon: 'smile',
component: './Welcome',
},
后面加一段代码
{
path: '/welcome',
name: 'user',
icon: 'smile',
component: './Welcome',
},
然后你就看到,导航栏有变化了,有个初步了解。就根据这种方法修改,慢慢深入理解。
├── src # 源代码文件夹
│ ├── api # API 接口文件夹
│ ├── assets # 静态资源文件夹
│ ├── components # 公共组件文件夹
│ ├── layouts # 布局文件夹
│ ├── models # 数据模型文件夹
│ ├── pages # 页面文件夹
│ ├── router # 路由配置文件夹
│ ├── store # Redux 状态管理文件夹
│ ├── styles # 样式文件夹
│ └── utils # 工具函数文件夹
然后继续进行开发吧。
原文地址:https://blog.csdn.net/m0_60459392/article/details/134710995
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_41712.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。