Windows环境使用Ant Design Pro

目录 一.参考资料 二.前序准备 2.1 安装yarn 1.2.2 下载并安装使用WebStorm作为IDE 1.2.3 选择Ant Design Pro V5 一.参考资料 官方网站传送门: https://preview.pro.ant.design/dashboard/analysis https://pro.ant.design/docs/getting-started-cn Ant Design Pro 是一个企业级中后台前端/设计解决方案，秉承Ant Design的设计价..

注意前端项目里的src目录下的global.less是全局样式文件，requestErrorConfig.ts文件是针对请求封装的文件。3.cd到antDP文件夹下，输入npm i @ant-design/pro-cli -g来安装脚手架。点击http://localhost:8000(或者浏览器输入网址127.0.0.1:8000）5、cd到项目文件夹下面，然后安装依赖。1.先建立一个antDP文件夹。6.启动项目 npm start。后在登录页面输账号密码，进入页面。pro create 项目名。

And Design Pro Windows环境搭建 配置 启用 详细文档（新手踩过所有坑的血泪总结）一、Ant Design Pro 概述二、安装工具三、查看安装工具是否成功四，配置相关五，安装And Design Pro 一、Ant Design Pro 概述 说到ant design pro，得先了解一下ant design是个什么东西？ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架。而ant design pro呢?就是基于ant design这个框架搭建的中后台管

前言 官方文档：https://www.antdv.com/docs/vue/introduce-cn/ 首先，您要自己搭建一个 vue 环境，我这里通过 cli 创建一个项目，如下图所示： 安装 打开项目根目录，调出终端（cmd）执行如下命令：

Ant Design Pro of Vue前端框架搭建。

一、安装 dva-cli cnpm install dva-cli -g 二、创建应用 dva new dva-project 三、启动应用 cd dva-project npm start 四、安装并使用antd cnpm install antd babel-plugin-import --save 编辑.webpackrc，使babel-plugin-impor...

Ant Design Pro 前期安装配置（Windows）及所遇问题 具体安装该模板步骤，参见ant design pro网站 官网 ：(https://pro.ant.design/index-cn) 之后，你需要在你选择的目录下，新建一个空文件夹，用来存放下载资源；接着使用cmd 进入你指定的文件夹目录下，并使用命令 yarn create umi OR npm crea...

只对前端进行部署！！

使用命令行工具 你可以使用集成化的命令行工具ant-design-pro-cli。 npm install ant-design-pro-cli -g md my-project #创建目录 cd my-project pro new #安装脚手架 参考文章：https://www.cnblogs.com/eeds-wangwei/p/8116633....

第一步：安装node.js 已安装可跳过。 官网下载地址：https://nodejs.org/zh-cn/download/ 安装完成之后，就拥有了npm，一个node.js自带的包管理工具。类似php的composer。 第二步：用npm安装yarn 已安装可跳过。 yarn和npm一样，是一个包管理工具，但速度更快（快很多很多），命令更短（好记）。 打开windows自带的powershell工具，执行以下命令：（后面所有命令都在此执行） > npm install -g yarn 验证安装

IIS 【URL重写】入站规则 参考博客:https://www.cnblogs.com/jsonzheng/articles/6606143.html 安装ARR 下载安装ARR（Application Request Routing），可通过【Web平台安装程序】，安装成功后会多出 【Application Request Routing Cache】和【URL重写】图标，如下图： ...

ant desgin pro简易安装流程

Ant Design Pro 安装部署使用 第一步：打开网址 https://pro.antdv.com/docs/getting-started 看到如下网址，哈哈哈哈哈哈哈。 第二步：安装GIt 与 node ,node我是很久之前安装过，步骤忘记了。 这里附上Git的安装步骤传送门：Git安装https://www.cnblogs.com/xueweisuoyong/p/11914045.html 第三步：在Dos命令下执行命令 去掉$符号，在Dos中下执行命令 第四步：继续按照文档安装

因为没接触过前端，搞了很久还是因为环境的问题，完全没法启动完整版，最多也只是安装了删减版。所以记录一下成功安装antd design pro的过程。又因为node.js 新版本中，OpenSSL3.0对允许算法和密钥大小增加了严格的限制。继续执行命令（这里比官方的教程多了后面的。文件夹(也就是你自定义的项目名称), 输入账号密码（框框有提示）都试过，没成功，所以换成了。

** 后端的部署参考 环境的安装： https://blog.csdn.net/superficialKnowledge/article/details/88061537 springboot项目部署到云服务器上： https://blog.csdn.net/superficialKnowledge/article/details/88181557 后台的部署参考 安装Nginx 在 CentOS...

普通部署直接在根目录下 直接在项目所在的cmd里npm run build 直接就解决问题。 非根目录下的部署 这就双双闹出点问题如果你直接按不同方法那样做，jenkins会成功，但是当你访问站点的时候就懵逼，站点会给你好多404，比如像下面的一样： 也有可能他不报404了他会是这样的坑 返回个空白页，资源也加载了，没有404，但是打开文件却如上图右边所示的提示，打开index.html会出现...

有时windows服务也需要页面去管理一些配置，所以这节集成 Ant Design Pro，实现web端。 集成 Ant Design Pro 打开资源管理器（非VS中），在解决方案目录下新建 pro.ant.design 文件夹，作为web端根目录。 注：因为用VS直接在项目中添加web端，执行 npm install 后产生 node_modules 内的内容会使 Visual Studio 2019 的解决方案管理器出现问题，导致项目内文件不可读，不知道是不是微软的bug。 安装 Ant Desi.