类型:pc装修设计 版本:v4.16.12大小:2.3MB更新:2025/05/25 06:22:44 语言:简体中文等级:平台:Android
软件介绍
ant design是一款前端ui设计软件,能够帮助用户进行网页前端的开发,设计出的ui都是超级好看的,还可以将自己设计的ui都导出来,这样还能分享出去。
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 (
最后在页面中使用注册的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;
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了。
1、企业级金融产品的交互语言和视觉体系。
2、丰富实用的 React UI 组件。
3、基于 React 的组件化开发模式。
4、背靠 npm 生态圈。
5、基于 webpack 的调试构建方案,支持 ES6。
1、面向Web应用程序的企业级UI设计语言。
2、开箱即用的一组高品质React组件。
3、用TypeScript完全定义的类型编写。
4、整套开发和设计资源和工具。
让用户更为轻松的就能开发出一个ui组件。