ant-design-pro脚手架第一次使用及问题

最近计划开发一个中后台平台,学习研究了一段时间 react
技术栈,感觉其以组件为核心思想的开发思路,有助于构建可复用的、相对易于维护的系统。由于UI设计方面比较薄弱,想依靠大平台的UI框架。查看了圈,感觉阿里的
Ant Design
挺符合心水。依靠大平台的设计理念,避免个人用户体验设计理念不足,避免个人开发出来的系统体验东一个想法西一个想法,导致系统体验太不专业。研究了一个
ant-design-pro 感觉不错。

开始着手搭建ant-design-pro demo工程,熟悉下。依据官网看似简单的步骤,但在过程中遇到一些莫名的问题,搞了两三天终于运行成功了……

  1. 参照官网步骤
    github:https://github.com/ant-design/ant-design-pro
    demo搭建步骤如下:

    git clone https://github.com/ant-design/ant-design-pro.git --depth=1
    cd ant-design-pro
    npm install
    npm start # visit http://localhost:8000

  2. npm install 步骤时,一直出现各种依赖包安装失败等等等等等等各种摸不着头脑的问题
    如:某个依赖包无法安装、json解析出错等。
    如:npm ERR! Error: EPERM: operation not permitted, 使用管理员权限也解决不了
    忘记截图保存了,自己脑补下吧~~
    如失败提示网上搜索,基本都没有很准确的解决方法。

  3. 最后通过将 npm 降到版本4后,终于安装部署成功了,汗。
    原先安装时,为版本8;中间试过降到版本6也不行。
    npm降版本命令: npm i npm@4 -g

总结这种前端框架,有点不好就是依赖项目太多,每个依赖项目的版本已很多。
在版本不匹配时,出现一些莫名其妙的问题,如果很方便的路径进行解决!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值