CentOS-7 搭建 Ant Design Pro

Ant Design Pro 官网：https://pro.ant.design/docs/getting-started-cn

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

操作系统：CentOS-7

配置防火墙

# 查看防火墙【服务】状态
systemctl status firewalld
 
# 查看防火墙【运行】状态
firewall-cmd --state
 
# 开启
service firewalld start
 
# 重启
service firewalld restart
 
# 临时关闭
service firewalld stop
 
# 永久关闭
systemctl disable firewalld.service
 
# 查询端口是否开放
firewall-cmd --query-port=8080/tcp
 
# 开放80端口
firewall-cmd --permanent --add-port=80/tcp
firewall-cmd --permanent --add-port=8080-8085/tcp
 
# 移除端口
firewall-cmd --permanent --remove-port=8080/tcp
 
# 查看防火墙的开放的端口
firewall-cmd --permanent --list-ports
 
# 重启防火墙(修改配置后要重启防火墙)
firewall-cmd --reload

配置 SELinux

# 临时关闭 SELinux
setenforce 0
 
# 临时打开 SELinux
setenforce 1
 
# 查看 SELinux 状态
getenforce
 
# 开机关闭 SELinux
# 编辑 /etc/selinux/config 文件，将 SELinux 的值设置为 disabled。
 
vi /etc/selinux/config
 
SELINUX=disabled

【安装】git

yum install git


========================================================================================================================================
 Package                              架构                       版本                                 源                           大小
========================================================================================================================================
正在安装:
 git                                  x86_64                     1.8.3.1-22.el7_8                     updates                     4.4 M
为依赖而安装:
 perl-Error                           noarch                     1:0.17020-2.el7                      base                         32 k
 perl-Git                             noarch                     1.8.3.1-22.el7_8                     updates                      56 k
 perl-TermReadKey                     x86_64                     2.30-20.el7                          base                         31 k
 rsync                                x86_64                     3.1.2-10.el7                         base                        404 k

事务概要
========================================================================================================================================
安装  1 软件包 (+4 依赖软件包)

总下载量：4.9 M
安装大小：23 M

【安装】Node.js

NodeJS 官网：https://nodejs.org/dist/

# 下载

cd /usr/src && wget https://nodejs.org/dist/latest-v14.x/node-v14.1.0-linux-x64.tar.xz

# 解压

xz -d node-v14.1.0-linux-x64.tar.xz
tar -xvf node-v14.1.0-linux-x64.tar

# 链接

ln -s /usr/src/node-v14.1.0-linux-x64/bin/node /usr/bin/node
ln -s /usr/src/node-v14.1.0-linux-x64/bin/npm /usr/bin/npm

# 验证

node -v
v14.1.0

npm -v
6.14.5

# 安装依赖

mkdir -p /var/www/Ant-Design-Pro
cd /var/www/Ant-Design-Pro

# 更换 npm 源

npm config set registry https://registry.npm.taobao.org/
npm set sass_binary_site https://npm.taobao.org/mirrors/node-sass

# 查看 npm 配置

npm config get

# 更新 NPM

npm install -g npm
# 或者
npm i -g npm

创建项目目录

mkdir -p /var/www/Ant-Design-Pro
cd /var/www/Ant-Design-Pro

安装 ant-design-pro

npm install create-umi -g

npm WARN deprecated @types/vfile-message@2.0.0: This is a stub types definition. vfile-message provides its own type definitions, so you do not need this installed.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
/usr/src/node-v14.1.0-linux-x64/bin/create-umi -> /usr/src/node-v14.1.0-linux-x64/lib/node_modules/create-umi/cli.js

> core-js-pure@3.6.5 postinstall /usr/src/node-v14.1.0-linux-x64/lib/node_modules/create-umi/node_modules/core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
> https://opencollective.com/core-js 
> https://www.patreon.com/zloirock 

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> ejs@2.7.4 postinstall /usr/src/node-v14.1.0-linux-x64/lib/node_modules/create-umi/node_modules/ejs
> node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)

npm WARN @typescript-eslint/eslint-plugin@1.13.0 requires a peer of @typescript-eslint/parser@^1.9.0 but none is installed. You must install peer dependencies yourself.

+ create-umi@0.23.1
added 978 packages from 505 contributors in 95.885s

结束后，输入

npm create umi

出现以下界面

Select the boilerplate type (Use arrow keys)

 ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.

当 > 在【ant-design-pro】前面时，输入【回车】

?