【Ant Design Pro 一】 环境搭建,创建一个demo

 

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

搭建 Ant Design Pro 的前期准备:你的本地环境需要安装 cnpm、node。

 

:代码块中的 $  代表: $后面是在命令行输入的命令,举例

$ npm start

:实际上是应该打开命令行输入

npm start

 

下面开始安装部署 Ant Design Pro 的运行环境:

node 安装:

如果你的系统还不支持 Node.js 及 NPM 可以参考 Node.js 安装教程

npm 安装:

国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了, npm 可以使用 cnpm 代替, cnpm 比 npm 速度快。

 

Ant Design Pro 安装

新建一个空的文件夹作为项目目录,并在目录下执行:

npm create umi

选择 ant-design-pro

执行完之后,会在你的空目录中生成很多文件,文件目录结构如下:

最后一步,安装依赖

$ npm install

安装完成就可以运行了,运行命令

$ npm start

 

运行完会在默认浏览器自动打开你的项目,效果如图:

é¦é¡µæªå¾

接下来我们可以修改代码进行业务开发了。

建议基于框架默认的区块进行开发。区块文档链接地址


 

相关推荐
<p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;"><span style="margin: 0px; padding: 0px; font-size: 24px;">2021年02月01日</span>,<span style="margin: 0px; padding: 0px; font-size: 24px;">新版升级</span>课程“<span style="margin: 0px; padding: 0px; font-size: 24px;">Ant Design Pro实战入门教程</span>”已上传发布,希望客官们能够<span style="margin: 0px; padding: 0px; font-size: 24px;">喜欢<span style="margin: 0px; padding: 0px; font-size: 16px;">,也希望这套课程能够帮您节省大量的学习时间</span></span>。</p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;"> </p> <p style="font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial, sans-serif; margin: 0px; padding: 0px; color: #313d54; font-size: 16px; background-color: #ffffff;">Ant Design Pro一个企业级后台前端/设计解决方案,秉承了 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源。随着设计者的不断反馈,Ant Design Pro将逐步沉淀和总结出更多设计模式和相应的代码实现,进一步提升企业级后台产品设计研发过程的用户和设计者的体验。总之,Ant Design Pro是一套基于 React后台管理控制台脚手架,可以帮助你快速搭建企业级后台产品原型。</p>
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值