Ant Design Pro环境搭建和运行

一.Node.js安装

1.进入Node下载根据需要下载需要的Node.js,本人下载的是Windews二进制文件(.zip)。

Ant Design Pro环境搭建和运行_第1张图片

2.将下载的zip解压,然后添加路径到环境变量中。

Ant Design Pro环境搭建和运行_第2张图片Ant Design Pro环境搭建和运行_第3张图片

3.运行命令node --version,显示版本号表示安装成功。

Ant Design Pro环境搭建和运行_第4张图片

二.安装cnpm

使用npm下载太慢了,一般使用cnpm,所以需安装cnpm。

1.进入cmd,使用下面命令行进行安装。

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

三.下载Ant-Design-Pro项目

1.从Github链接下载该项目并解压。

Ant Design Pro环境搭建和运行_第5张图片

2.进入解压路径

3.运行cnpm install命令安装关联插件。

4.运行cnpm start命令。出现以下界面,可通过下面网址访问。

Ant Design Pro环境搭建和运行_第6张图片

5.打开浏览器输入网址访问。自此完成。

Ant Design Pro环境搭建和运行_第7张图片

参考:

使用Ant Design Pro教程笔记(一)

ant design pro超详细入门教程

cnpm卸载与安装步骤

三种安装方式

Ant Design Pro入门教程,安装,运行(V5 Typescript版)

你可能感兴趣的:(前端,node.js,npm,reactjs,前端)