【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

 

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

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

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

---