Ant design pro (一) 环境搭建篇

1. 安装nodejs

NodeJs下载链接, 选择自己所在平台的安装包
安装成功确认是打开终端 node -v 会显示版本信息

2. 安装cnpm

npm install cnpm -g
安装cnpm是因为npm相关软件镜像源比较慢,如果自己有其他更好的方案可以用自己, 否则用cnpm避免很多麻烦;

3. 生成ant design pro源码

到自己的项目路径下, 执行下面的指令会生成myapp的代码目录
npx create-umi myapp
[Ant Design Pro 官方指导](https://pro.ant.design/zh-CN/docs/getting-started)

4. 生成代码之后安装所缺的包、库等组件

	cd myapp ##myapp 是生成的代码目录
	cnpm install 

5. 运行前端

cnpm run start

运行之后再浏览器中输入 你的IP:8000 即可看到如下
Ant design pro (一) 环境搭建篇_第1张图片

Ant Design Pro 使用笔记

Note:
1. npm 安装组件失败使用cnpm安装或使用管理员权限, 看具体错误 - Windows 环境下;
2. nodejs 非默认环境需要更改相关的环境变量;

示例程序

你可能感兴趣的:(web-Test,node.js,React,Ant,Design,Pro)