Ant Design Pro V5 实战手册

前言

本次使用的服务器为腾讯云轻量应用服务器，详细信息如下

镜像信息	Windows Server 2012 R2 DataCenter 64bitCN
CPU/内存	2核/2GB
系统盘	40GB SSD
带宽	4Mbps
流量包	300GB/月
公网IP地址	***

云服务器部署（Windows Server）

安装Node.js

访问Node.js官方，下载对应的版本，全程下一步，完成安装

在服务打开命令行，验证是否安装成功

C:\Users\Administrator\Desktop\AntDesignPro\my-app
λ node
Welcome to Node.js v16.14.2.
C:\Users\Administrator
λ npm -v
8.5.0

安装 ant design pro

前置条件：安装git

安装ant design pro前，需要确保已安装git，否则会报错如下

访问git官网，下载对应的版本，安装完成git后，环境变量path增加路径C:\Program Files\Git后，重启命令行，输入git确认是否安装成功。

PS C:\Users\Administrator> git
usage: git [--version] [--help] [-C <path>] [-c <name>=<value>]
           [--exec-path[=<path>]] [--html-path] [--man-path] [--info-path]
           [-p | --paginate | -P | --no-pager] [--no-replace-objects] [--bare]
           [--git-dir=<path>] [--work-tree=<path>] [--namespace=<name>]
           [--super-prefix=<path>] [--config-env=<name>=<envvar>]
           <command> [<args>]

初始化脚手架并安装依赖

使用npm安装依赖的过程可能会很慢，可以使用安装yarn，使用yarn进行安装。

C:\Users\Administrator\Desktop\Softs\cmder
λ npm install -g yarn

added 1 package, and audited 2 packages in 11s

found 0 vulnerabilities

在项目文件夹下初始化脚手架

C:\Users\Administrator\Desktop\ADPTest
λ yarn create umi myapp
yarn create v1.22.18
[1/4] Resolving packages...
warning create-umi > sylvanas > @umijs/fabric > stylelint > @stylelint/postcss-markdown@0.36.2: Use the original unforked package instead: postcss-markdown
info There appears to be trouble with your network connection. Retrying...
warning create-umi > yeoman-environment > globby > fast-glob > micromatch > snapdragon > source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
warning create-umi > yeoman-environment > globby > fast-glob > micromatch > snapdragon > source-map-resolve > source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
warning create-umi > yeoman-environment > globby > fast-glob > micromatch > snapdragon > source-map-resolve > urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
warning create-umi > yeoman-environment > globby > fast-glob > micromatch > snapdragon > source-map-resolve > resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Installed "create-umi@0.27.0" with binaries:
      - create-umi
? Select the boilerplate type ant-design-pro
? 🤓 Which language do you want to use? TypeScript
? 🚀 Do you need all the blocks or a simple scaffold? simple
Cloning into 'myapp'...
remote: Enumerating objects: 204, done.
remote: Counting objects: 100% (204/204), done.
remote: Compressing objects: 100% (181/181), done.
remote: Total 204 (delta 34), reused 95 (delta 19), pack-reused 0
Receiving objects: 100% (204/204), 117.86 KiB | 5.36 MiB/s, done.
Resolving deltas: 100% (34/34), done.
> 🚚 clone success
> Clean up...
📋 Copied to clipboard, just use Ctrl+V
✨ File Generate Done
Done in 347.85s.

安装依赖

nginx目录
启动 service nginx start 或者 nginx
停止 service nginx stop 或者 nginx -s stop
重启 service nginx restart 或者 nginx -s restart