前端|Ant Design介绍

Posted 2022-03-29 盖丽男

引入

现在的公司前端人员比较少，所以一些简单的前端功能，需要开发人员自己改，公司大部分对的前端 ，用的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，并没有什么绑定关系。