首页 > 编程语言 >NodeJS系列(7)- Ant Design Pro 简介

NodeJS系列(7)- Ant Design Pro 简介

时间:2023-08-02 11:25:05浏览次数:39  
标签:npm NodeJS deprecated Pro js Ant Webpack 组件 路由


Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

Ant Design 是一套企业级 UI 设计语言和 React 组件库。作为西湖区最好的组件库,它极大的提升了中后台开发的效率,广受国内外开发者的喜爱。

Webpack 可以帮助我们完成一些任务。比如 js 压缩、css 压缩、编译模板文件等等,从而减少前端的工作量。当然,Webpack 功能很强大,能帮我们完成的工作远远不止这些。

umi 是一个 Webpack 之上的整合工具。 umi 相比于 Webpack 增加了运行时的能力,同时帮助我们配置了很多 Webpack 的预设。也减少了 Webpack 升级导致的问题。

Ant Design Pro: https://pro.ant.design/
Ant Design: https://ant.design/
Webpack: https://webpack.js.org/
umi:https://github.com/umijs/umi

 

1. 系统环境

    操作系统:CentOS 7.9 (x64)
    NodeJS: 16.20.0
    NPM: 8.19.4
    NVM: 0.39.2
    Ant Design Pro: 5.0.0


2. 创建 Ant Design Pro 项目

    安装 @ant-design/pro-cli 脚手架,命令如下:

        # 使用 -g 参数,表示该命令只需在本机上运行一次
        $ npm i @ant-design/pro-cli -g

            npm WARN deprecated [email protected]: This functionality has been moved to @npmcli/fs
            npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
            npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
            npm WARN deprecated [email protected]: 0.x is no longer supported. Please upgrade to 4.x or higher.
            npm WARN deprecated @stylelint/[email protected]: Use the original unforked package instead: postcss-markdown
            npm WARN deprecated @stylelint/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
            npm WARN deprecated [email protected]: this library is no longer supported
            npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
            npm WARN deprecated [email protected]: 0.x is no longer supported. Please upgrade to 3.x or higher.
            npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
            npm WARN deprecated [email protected]: 1.x is no longer supported. Please upgrade to 6.x or higher.
            npm WARN deprecated [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.

            added 1166 packages in 29s

 

    使用 pro 命令创建 Ant Design Pro 项目,命令如下:

        $ pro create myapp

            ? 

标签:npm,NodeJS,deprecated,Pro,js,Ant,Webpack,组件,路由
From: https://www.cnblogs.com/tkuang/p/17600095.html

相关文章

  • 修正kube-prometheus中grafana组件自带dashboard的默认时区
    参考网址kube-prometheus项目中,默认dashboard时区是UTC,比中国时间慢了8小时,很不便于日常监控查看,如下图1.搜索timezone关键字眼grep-itimezonegrafana-dashboardDefinitions.yaml"timezone":"UTC","timezone":"UTC","ti......
  • Lazada shoppe Get Lazada Product Details API Return Value Description
     lazada.item_getRequestParametersRequestParameters:num_iid=267690734&nation=co.thParameterDescription:num_iid:lazadacommodityID(IstheIDofthecorrespondingcountryanddifferentcountriescannotbecommon)nation:countryTheoptionalvaluesfo......
  • Vector Packet Processor(VPP)使用简介
    [email protected],2023DescriptionVPP的简介以及安装简介最早的VPP是由Cisco提出来的,不过现在已经开源了。FD.io的VectorPacketProcessor(VPP)是一个快速、可扩展的2-4层多平台网络协议栈,可以运行多种架构的如x86\ARM\Power架构的Li......
  • [8月摸鱼计划] win7下安装nodejs
    win7下安装nodejs16.4.0参考:https://blog.csdn.net/weixin_43211696/article/details/1183460331、nodejs下载地址:https://nodejs.org/dist/v13.9.0/https://nodejs.org/dist/latest-v16.x/2、通过以上路径,分别下载下面资源包:node-v13.9.0-x64.msinode-v16.14.0-win-x64.zip3、双击......
  • The 10th Shandong Provincial Collegiate Programming Contest
    The10thShandongProvincialCollegiateProgrammingContestK-HappyEquation思路:a,x的奇偶性相同(因为都对偶数取模),且打表得出a为奇数时,答案为1。(¿)a为偶数时,令a=t1*2q  → ax=t1x*2qx若axmod2p为0,则qx>=p,x>=p/q;由于q>=1(a为偶数),则x>=p;x与a同为偶数,令x'=t2*2k→x'a......
  • 配置proxy代理
    在vite.config.ts中进行如下配置server:{//http://localhost:5173/api/login->http://www.test.com/loginproxy:{//api是自行设置的请求前缀,任何请求路径以/api开头的请求将被代理到对应的target目标'/api':{target:http://www.test.com,//需要代......
  • 基于NodeJS电子商城管理系统
    随着Internet的发展,人们的日常生活已经离不开网络。未来人们的生活与工作将变得越来越数字化、网络化和电子化。电子商城,它将是直接市场营销的最新形式。本论文是以构建电子商城管理系统为目标,使用Node.js制作,由前台和后台两大部分组成。着重论述了系统设计分析,系统的实现包括前台:......
  • Unity的IPreprocessBuildWithReport:深入解析与实用案例
    UnityIPreprocessBuildWithReportUnityIPreprocessBuildWithReport是Unity引擎中的一个非常有用的功能,它可以让开发者在构建项目时自动执行一些操作,并且可以获取构建报告。这个功能可以帮助开发者提高工作效率,减少手动操作的时间和错误率。在本文中,我们将介绍UnityIPreprocess......
  • 21 os/sys/json/subprocess模块
    os模块使用前老规矩:加上importos1.创建目录(文件夹)makedirsos.mkdir(r'aaa')#在os所在的路径下创建一个aaa文件夹(只能创建一个单级目录)os.makedir((r'ccc')os.makedirs(r'bbb/ccc/ddd')#makedirs支持创建多级目录2.删除目录(文件夹)removediros.rmdir(r'aaa')#可......
  • java 自定义读取properties配置文件属性
    把属性存到一个map里,并提供get方法,如果没有获取到值,则重新加载一遍配置文件,重新赋值,从而刷新数packagecom.aaa.demo.testProperties;importjava.io.IOException;importjava.io.InputStream;importjava.util.Enumeration;importjava.util.HashMap;importjava.util.Map;......