如何安装ant
今天闲来无事，安装ant-design-pro版本，我们在安装之前，打开Windows powershell ，检查有没有安装node和npm。
C:\Users\zs> node -v
v16.15.1
PS C:\Users\zs> npm -v
8.11.0
如果没有安装node和npm，需要安装，否则无法安装ant-design-pro框架。
ant-design-pro的官网地址：https://pro.ant.design/zh-CN/docs/getting-started/，可以参考官网地址安装ant-design-pro。
下载并解决问题后，先熟悉ant-design-pro的目录，知道各目录是存放什么文件的，便于后期的开发。
ant文件详解
-
package.json – 这个就是项目配置相关 依赖包,名称,url ,命令脚本
-
tsconfig.json – 这个主要就是typescript 编译配置相关的东西
-
config – 对项目在运行过程的一些配置.(静态配置)
-
config.ts – 项目主配置文件入口
-
routes.ts – 路由配置文件.
-
proxy.ts – 代理文件
-
defaultSettigns.ts – 默认配置
-
-
mock – 前端模拟后端接口返回.
-
public – logo . 一些图片.
-
src – 我们的源码,我们主要在这里编码
-
components – 一般组件：项目组件的存放地方， 推荐存放全局组件.
-
e2e – 端到端的测试文件.
-
locales – 国际化文件存放地方.
-
models – 存放model. dva model 以及 umi-plugin-model .
-
pages – 路由组件：般存放路由对应的页面
-
services – 服务的存放地方.对于前端来说,请求API.以及一些其他的操作.
-
utils – 工具文件
-
app.tsx – 项目配置(动态配置)
-
access.ts – 权限定义文件
-
typing.d.ts – 全局的一些类型.
-
问题
当然，在安装的过程中，遇到如下这两个问题：
即找不到文件swagger-ui.css和文件mf-va_remoteEntry.js。
解决mf-va_remoteEntry.js问题
我们首先找到ant的安装目录，其次找到\node_modules.cache\mfsu\目录，在该目录下新建一个空的mf-va_remoteEntry.js文件即可。
解决swagger-ui.css
我们打开Windows shell，输入这个指令：npm i --save swagger-ui-react即可
项目启动
我们执行指令：npm run start，即可将ant项目运行起来。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/99209.html
