Ant Design Pro入门教程安装框架

介绍一下Ant Design Pro，说白了就是基于React的一套脚手架，UI是 Ant Design ，框架是 Ant Design Pro

脚手架安装完成，运行起来的样子：

下面我们来看看怎么安装这套后台管理系统

安装

有两种方式进行安装：
直接 clone git 仓库#

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project
$ cd my-project

或者！使用命令行工具#
你可以使用集成化的命令行工具 ant-design-pro-cli。

$ npm install ant-design-pro-cli -g
$ mkdir my-project && cd my-project
$ pro new  # 安装脚手架

安装完以上的其中一步以后：
本地开发#
安装依赖。

$ npm install

如果网络状况不佳，可以使用 cnpm 进行加速。

$ npm start

启动完成后会自动打开浏览器访问 http://localhost:8000，你看到下面的页面就代表成功了。

注意：
1.如果使用git 需要提前下载安装 git
2.如果使用npm 需要提前下载 Node.JS

上述两个网站进入找对应版本，不做多余赘述。

Ant Design Pro入门教程安装框架相关推荐

Ant Design pro入门教程
Ant Design pro入门教程最近公司再开项目又要用antd 这次刚好给大家写一个入门安装教程 ( v5 typescript版本 ) 这套模板使用了react框架为基础哦 1. 准备环境 ...
Ant Design Pro入门之简介
Ant Design Pro入门了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中后台前端/设计解决方案. 效果: 源码地址:htt ...
ant design pro模板_Ant Design Pro入门教程，安装，运行（V5 Typescript版）
[前言] 找了很多Admin模板,最后还是看中了AntDesignPro这个阿里巴巴开源的Admin框架,长这样(还行吧,目前挺主流的): 该套模板是使用了React开发框架作为基础,AntDesig ...
Ant Design Pro入门之部署安装
部署安装下载地址:https://github.com/ant-design/ant-design-pro 我们使用资料中提供的,已经下载好的文件:ant-design-pro-master.zip ...
Ant Design Pro入门
目录一:了解Ant Design Pro 二:快速入门一:了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中 ...
Ant Design Pro入门介绍
官方文档地址:https://pro.ant.design/zh-CN 应用介绍: Ant Design Pro是一个企业级中后台前端/设计解决方案,基于React的中后台管理控制台的脚手架.能帮助我 ...
ant design pro入门踩坑：删除页面文件报错
前提:用ant design pro新增注册页,没有显示在菜单,在项目Page文件夹删除原因:配置路由没有删总结: 手动删除页面需要删1.Page目录下的页面文件 2.src/Page/.umi/ ...
ant design pro安装
一.过程安装其中安装成功后出现404参考第二个大导航所有都需要安装最新版本的包括装node(node 10.13.0,自带npm 版本6.4.1 ).yarn. 和 git(建议最新版本,否 ...
Ant design pro简单使用
这里写自定义目录标题 Ant design pro简单使用安装使用新增页面 Ant design pro简单使用 Ant design pro集成了React,Dvajs,umijs,是一个中台 ...

Ant Design Pro入门教程安装框架

安装

Ant Design Pro入门教程安装框架相关推荐

最新文章

热门文章

Ant Design Pro入门教程 安装框架

安装

Ant Design Pro入门教程 安装框架相关推荐

最新文章

热门文章

Ant Design Pro入门教程安装框架

Ant Design Pro入门教程安装框架相关推荐