Ant Design最新版是一款由阿里巴巴推出的專業(yè)的UI設(shè)計語言和React組件庫。Ant Design官方版使用TypeScript構(gòu)建，包含了整套開發(fā)和設(shè)計資源和工具。Ant Design軟件為前端UI設(shè)計提供了新的解決方案，代碼執(zhí)行效率高，滿足開發(fā)設(shè)計人員的不同工作需求。

Ant Design軟件介紹

在中臺產(chǎn)品的研發(fā)過程中，會出現(xiàn)不同的設(shè)計規(guī)范和實現(xiàn)方式，但其中往往存在很多類似的頁面和組件，給設(shè)計師和工程師帶來很多困擾和重復(fù)建設(shè)，大大降低了產(chǎn)品的研發(fā)效率。"在這次開發(fā)的項目中，因為數(shù)據(jù)交互非常頻繁，大量的表單、時間選擇器、表格、單選多選框，以及各種標(biāo)識狀態(tài)的組件，如果光靠手寫或者使用 jQuery 插件，其開發(fā)的工作量仍然是相當(dāng)大的，因此，Ant Design "經(jīng)過大量的項目實踐和總結(jié)，沉淀出一個中臺設(shè)計語言 Ant Design。旨在統(tǒng)一中臺項目的前端 UI 設(shè)計，屏蔽不必要的設(shè)計差異和實現(xiàn)成本，解放設(shè)計和前端的研發(fā)資源。

Ant Design軟件功能

1、面向Web應(yīng)用程序的企業(yè)級UI設(shè)計語言。

2、開箱即用的一組高品質(zhì)React組件。

3、用TypeScript完全定義的類型編寫。

4、整套開發(fā)和設(shè)計資源和工具。

Ant Design軟件特色

1、企業(yè)級金融產(chǎn)品的交互語言和視覺體系。

2、豐富實用的 React UI 組件。

3、基于 React 的組件化開發(fā)模式。

4、背靠 npm 生態(tài)圈。

5、基于 webpack 的調(diào)試構(gòu)建方案，支持 ES6。

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

取消非法設(shè)置

npm config set proxy null

npm config set https-proxy null

2 運行，之后跳轉(zhuǎn)到指定項目的路徑下，直接npm start之后，瀏覽器輸入：//localhost:8000/就OK了。

Ant Design更新日志

修復(fù) message.config 配置 prefixCls 時丟失淡入淡出動畫的問題。

修復(fù) Tooltip 在某些情況下設(shè)置 visible 為 true 卻無法交互的問題。

修復(fù)多頁面使用 ConfigProvider 切換時 locale 會丟失的問題。

修復(fù) Modal 的 hooks 在渲染前調(diào)用 update 與 destroy 無效的問題。

修復(fù) Grid ssr 時報錯 Prop style did not match。

修復(fù)小號 Select tags 模式的光標(biāo)錯位問題。

修復(fù) Carousel dotPosition 導(dǎo)致 pauseOnHover 失效的問題。

修復(fù) Steps 使用 responsive 時控制臺拋出警告的問題。

修復(fù) Upload onChange 參數(shù) file.originFileObj 返回嵌套 Proxy 對象的問題。

修復(fù) Descriptions 在 Table 下沒有 100% 寬度的問題

修復(fù) Drawer contentWrapperStyle 屬性類型聲明。