1. 本地环境:需要安装 nodegit

      资源路径(远程机): 10.0.0.231 D:\镜像\微服务\Antd (登录密码Administrator Pass1234)
      使用此版本:node-v16.13.2-x64.msi Git-2.34.1-bit.exe
      官网地址(注意软件版本):https://nodejs.org/en/ https://git-scm.com/

    2. 安装之后配置环境变量,修改为自己的安装路径,如下图

    image.png

    1. 设置完毕后,可使用自带的PowerShell检查版本:npm —version 及 git —version

    image.png

    1. 安装cnpm淘宝镜像可提高速度:npm install -g cnpm -registry=https://registry.npm.taobao.org 开打发

    (如此链接失效,可自行搜索备用链接)

    1. TPM-ANTD代码托管,获取代码到本地:

    server地址:http://10.0.0.232/Bonobo.Git.Server/Repository/Detail/b198f759-fdd7-40b0-9070-497c3349606b(查看信息使用此地址,使用admin admin来登录,查看自己的登录账号和密码)
    Git库地址:http://10.0.0.232/Bonobo.Git.Server/TPM.Antd.git(拿代码使用此地址,使用自己的登录账号和密码)

    1. 前端开发软件使用VS Code

    资源路径(远程机): 10.0.0.231 D:\镜像\微服务\Antd (登录密码Administrator Pass1234)
    使用此版本:VSCodeUserSetup-x64-1.63.2.exe
    官网地址:https://code.visualstudio.com/Download

    1. 用VS Code打开项目,使用Terminal来安装依赖包node_modules,这里使用cnpm,速度会提升

    image.png

    1. 若cnpm报错,可进行如下设置cnpm :

    error:无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的
    about_Execution_Policies。
    所在位置 行:1 字符: 1
    cnpm install amfe-flexible
    + ~~~~
    + CategoryInfo : SecurityError: (:) [],PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

    解决办法

    以管理员身份运行power shell
    输入set-ExecutionPolicy RemoteSigned
    输入A 回车
    再次输入cnpm -v就可以运行了
    此bug图文链接https://blog.csdn.net/yuanwen52/article/details/112854400

    1. 安装完成后在Terminal中使用 npm run dev命令运行代码,成功后访问显示出来的地址
      1. 登录接口为我们的Api,可使用admin 123456
      2. 预算管理-总部预算为控件demo页面
        1. image.png
    2. 官方文档:https://pro.ant.design/zh-CN/docs/getting-started/

    源代码:https://github.com/ant-design/ant-design-pro