前端|Ant Design介绍

Posted 盖丽男

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端|Ant Design介绍相关的知识,希望对你有一定的参考价值。

引入

现在的公司前端人员比较少,所以一些简单的前端功能,需要开发人员自己改,公司大部分对的前端 ,用的Ant Design 做的,所以今天先简单做个了解。

是什么

Antd是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。官网上是这么介绍自己的,React是用于构建用户界面的javascript库, 起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。React主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的html DOM元素、也可以传递动态变量、甚至是可交互的应用组件。

怎么用

安装

我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

$ npm install antd --save
$ yarn add antd

为什么也需要npm

react中的npm指的是NPM(node package manager),通常称为node包管理器,是Nodejs默认的、以JavaScript编写的软件包管理系统。通过npm可以安装、共享、分发代码,管理项目依赖关系。

主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。

NPM是基于couchdb一个数据库,详细记录了每个包的信息(作者、版本、依赖、授权信息等)

我的理解,npm可以理解为后端的maven,管理我们引用的其他包。所以react和npm,或者vue和npm,并没有什么绑定关系。

以上是关于前端|Ant Design介绍的主要内容,如果未能解决你的问题,请参考以下文章

前端学习(3333):ant design介绍按钮类型

前端学习(3180):ant-design介绍3

前端学习(3179):ant-design介绍2

前端学习(3178):ant-design介绍1

前端学习(3181):ant-design的button介绍

前端|Ant Design介绍