极简步骤试玩Ant Design Pro myapp demo

今天试了一把最新版本（v5.2.0）Ant Design Pro myapp demo：

确保安装cnpm，比npm快。有大把时间的可以忽略：
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

1. cd一个空目录，git clone https://github.com/ant-design/ant-design-pro.git
2. cd ant-desig-pro，npx create-umi myapp
-- 选JavaScript
-- 选Simple
3. cd myapp，修改myapp的package.json，不然在husky install这步报错“.git can't be found (see https://git.io/Jc3F9)”。找到prepare那一行改成：
"prepare": "cd .. && husky install myapp/.husky",
4. cd myapp，cnpm install & cnpm run start
5. 浏览器打开http://localhost:8000/

极简步骤试玩Ant Design Pro myapp demo相关推荐

ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】
一.概述 1.1.脚手架概念编程领域中的"脚手架(Scaffolding)"指的是能够快速搭建项目"骨架"的一类工具.例如大多数的React项目都有src,p ...
Ant Design Pro+Electron+electron-builder实现React应用脱离浏览器，桌面安装运行
学习参考: electron-api-demos 我以下的方式,其实并把Ant Design Pro文件打包到生成的安装包里,所以,安装包=Ant Design Pro+Electron环境 ant- ...
Ant Design Pro初探
Ant Design Pro 浅析脚手架下载 Ant Design Pro 浅析菜单映射页面渲染界面定义数据交互后台数据交互脚手架下载软件环境:NodeJS,Git 下载步骤: 1.cl ...
Ant Design Pro使用之--EditableProTable 可编辑表格
前言--EditableProTable 与 ProTable的对比首先:可编辑表格 EditableProTable 与 ProTable 的功能基本相同: 但是如果用ProTable的话,增和改 ...
为什么我选择Ant Design Pro脚手架
为什么我选择Ant Design Pro脚手架首先先来谈谈Ant Design Pro脚手架好处: 初始化操作简单! 启动脚手架方便! 任何一种语言和框架,满足以上两点,肯定会得到很好的推广(比较大 ...
ant design pro vue左侧菜单自定义图标
做ant design pro vue项目的时候突然想修改左侧菜单的图标,在修改途中发现源码中提供的方法方法居然不生效(如下所示) 在src/assets/icons文件夹中下载svg图标在src/ ...
Ant Design Pro入门介绍
官方文档地址:https://pro.ant.design/zh-CN 应用介绍: Ant Design Pro是一个企业级中后台前端/设计解决方案,基于React的中后台管理控制台的脚手架.能帮助我 ...
Ant Design Pro V4 入门到实战手册【2020】
前言第一章初识 Ant Design Pro 1. 调整 Ant Design Pro 基本配置 2. 浅析 Ant Design Pro 工作流程第二章布局和路由 1. 复杂页面布局的&qu ...
ant design pro V2 学习笔记
该笔记分为两部分,前面部分为官方文档介绍,后面为实际项目改造的历程本文档不定时更新,你想要的在实战部分如果你对react.dva等一些概念不是很清晰,建议先看以下概念: react:https:/ ...

极简步骤试玩Ant Design Pro myapp demo

极简步骤试玩Ant Design Pro myapp demo相关推荐

最新文章

热门文章