调用npm create umi命令后, 自动调用git clone https://github.com/ant-design/ant-design-pro --depth=1这个git命令 。 所以我们可以直接调用git命令,而不用安装 umi。 git clone https://github.com/ant-design/ant-design-pro --depth=1 是 JavaScript模式下的仓库,typescript模式下的仓库个人不用就不去...
plugin - Create a umi plugin. 选择模板后,会弹出选择版本,我们选择v5(v5默认是typescript版本,也是antd pro的最新开发模式,v4可以选择javascript/typescript两种版本,如果不想用typescript方式,可以选择v4,然后再选择javascript即可。 Ant Design Pro 脚手架将会自动安装... 运行Antd Pro(Ant Design Pro,下文简称An...
setQueryData 这个方法就是由主ProTable页面传递给 浮层表单这个组件中的。 而它的使用则是在 ProTable的 params中。 所以这下伙计们懂了吧。当我们新增完后点击保存,这时候我们需要触发一个方法改变params的值,这样ProTable的request 就可以重新触发,我们拿到最新值。这里当然了 大家可以任意放置东西哈,不一定跟我...
第一步:将ant-design-pro-master.zip解压到任意目录,我的目录是F:\code Ant Design Pro提供的目录如下: 第二步,导入项目到Idea中 第三步:进行初始化以及启动 tyarn install #安装相关依赖 tyarn start #启动服务 1. 2. 测试: 可以看到,系统已经启动完成。 3.2.2、菜单和路由 默认的菜单是不能直接投入到...
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: ...
Ant Design Pro 使用系列 前言 一、开发前: 1. ProLayout 2. ProForm 3. ProTable 二:开发流程 1. 新建pages页面
通常布局是和路由系统紧密结合的,Ant Design Pro 的路由使用了Vue-Router的路由方案,为了统一方便的管理路由和页面的关系,我们将配置信息统一抽离到config/router.config.js下,通过如下配置定义每个页面的布局: // eslint-disable-next-line import { UserLayout, BasicLayout, RouteView, BlankLayout, PageView } fr...
#cnpm install 是安装命令,--global 参数告诉安装命令将工具安装到系统全局,安装到系统全局的工具,可以直接在命令使用。 后续在使用 create-react-app工具的时候,工具中还是有直接使用 npm 命令的地方,如果遇到命令执行慢的情况,可以考虑直接配置 npm 镜像指向https://registry.npm.taobao.org。方法如下: ...
定义好组件后,就可以在需要用到组件的地方引入组件使用了,前面我们已经修改该了 src/index.js 使用了这个 Counter 组件了。到这里,这个 Counter 组件示例就完成了。到工程目录,执行如下命令: npm start 打开浏览器,输入地址 http://localhost:3000 尝试点击 “+”,“-”,看看效果吧。
安装使用 方法一:clone git clone https://github.com/ant-design/ant-design-pro.git --depth=1 cd ant-design-pro npm install npm start 方法二: ant-design-pro-cli 全局安装集成化的 ant-design-pro-cli 工具,以后只需要pro new就可以直接构建这个项目了。个人是比较喜欢使用这个的。