ant design

ant design是一款前端ui设计软件，能够帮助用户进行网页前端的开发，设计出的ui都是超级好看的，还可以将自己设计的ui都导出来，这样还能分享出去。

ant design组件使用方法

Ant Design是一套由阿里巴巴团队开发的基于React的UI库，提供了一整套设计语言和高质量的React组件。

使用Ant Design组件的步骤如下：

首先安装Ant Design。

引入Ant Design组件。

然后在项目中注册并使用Ant Design组件，例如：

jsximport { DatePicker } from 'antd';import { useState } from 'react';function App() {  const [date, setDate] = useState(null);  return ();}export default App;

最后在页面中使用注册的Ant Design组件，例如：

jsximport { Button } from 'antd';import { useState } from 'react';function App() {  const [count, setCount] = useState(0);  const [result, setResult] = useState('');  const handleClick = () => {    setResult(`Clicked ${count} times`);  };  return (

{result}

);}export default App;

ant design安装教程

1 先安装node

2 之后安装ant design,cmd下为npm install antd-init -g，可能会出多种问题

如果不能使用https fetch:

npm config set registry //registry.npmjs.org/

npm config set strict-ssl false

如果提示非法有问题:

npm config set proxy //xx@xx.com:xxxx

npm config set https-proxy=//xx@xx.com:xxxx

取消非法设置

npm config set proxy null

npm config set https-proxy null

2 运行，之后跳转到指定项目的路径下，直接npm start之后，浏览器输入：//localhost:8000/就OK了。

ant design内容

1、企业级金融产品的交互语言和视觉体系。

2、丰富实用的 React UI 组件。

3、基于 React 的组件化开发模式。

4、背靠 npm 生态圈。

5、基于 webpack 的调试构建方案，支持 ES6。

ant design优势

1、面向Web应用程序的企业级UI设计语言。

2、开箱即用的一组高品质React组件。

3、用TypeScript完全定义的类型编写。

4、整套开发和设计资源和工具。

ant design小编点评

让用户更为轻松的就能开发出一个ui组件。