引入

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐