ant design pro (十四)advanced 使用 CLI 工具
一、概述
原文地址:https://pro.ant.design/docs/cli-cn
為了更好以及高效的開發效率,我們提供了配套的 ant-design-pro-cli 工具。
pro cli 提供了如下功能:
-
pro new
新建一個腳手架,會自動將最新的 Ant Design Pro 腳手架下載到本地並安裝 -
pro generate
新建一個模板,包含 model、service、page、component
二、使用過程
2.1、如何使用
使用 npm
安裝到本地
npm install ant-design-pro-cli -g
2.2、新建腳手架
運行
pro new
2.3、新建模板
運行
pro generate
則會顯示富交互的命令行提示界面:
然後通過交互提示就可以添加 pro
提供的標準模板。
目前提供的標準模板如下:
-
頁面模板
-
Blank
-
BasicList
-
BasicForm
-
-
組件模板
-
stateless
-
normal
-
-
service
-
model
ant design pro (十四)advanced 使用 CLI 工具
相關推薦
ant design pro (十四)advanced 使用 CLI 工具
asc 添加 brush design nbsp targe 標準 orm info 一、概述 原文地址:https://pro.ant.design/docs/cli-cn 為了更好以及高效的開發效率,我們提供了配套的 ant-design-pro-cli 工具。 pro
ant design pro (十一)advanced Mock 和聯調
ces 底層 包含 跨域請求 from not file 數據請求 友好 一、概述 原文地址:https://pro.ant.design/docs/mock-api-cn Mock 數據是前端開發過程中必不可少的一環,是分離前後端開發的關鍵鏈路。通過預先跟服務器端約定好的
ant design pro (十二)advanced UI 測試
一、概述 原文地址:https://pro.ant.design/docs/ui-test-cn UI 測試是專案研發流程中的重要一環,有效的測試用例可以梳理業務需求,保證研發的質量和進度,讓工程師可以放心的重構程式碼和新增功能。 Ant Design Pro 封裝了一套簡潔易用的 React 單元測試
ant design pro (十五)advanced 使用 API 文件工具
一、概述 原文地址:https://pro.ant.design/docs/api-doc-cn 在日常開發中,往往是前後端分離的,這個時候約定好一套介面標準,前後端各自獨立開發,就不會被對方的技術難點給阻塞住,從而保證專案進度。 在 Ant Design Pro 中我們已經有了一套比較完善的 mock
ant design pro (十三)advanced 錯誤處理
一、概述 原文地址:https://pro.ant.design/docs/error-cn 二、詳細 2.1、頁面級報錯 2.1.1、應用場景 路由直接引導到報錯頁面,比如你輸入的網址沒有匹配到任何頁面,可以由路由引導到預設的 404 頁面。 程式碼控制跳轉到報錯頁面,比如根據請求
ant design pro (七)和服務端進行互動
一、概述 原文地址:https://pro.ant.design/docs/server-cn Ant Design Pro 是一套基於 React 技術棧的單頁面應用,我們提供的是前端程式碼和本地模擬資料的開發模式, 通過 Restful API 的形式和任何技術棧的服務端應用一起工作。下面將簡
在Ant Design Pro(React)中使用ECharts
在之前的系列文章中,我們講解了如何快速使用Ant Design Pro解決方案來快速搭建前端框架。 而ECharts是前端最流行,功能最強大的前端圖表庫。 下面,我們將會在本文中講解如何在Ant Design Pro使用ECharts。 安裝 首先,如何在Ant Design Pro
【TeeChart Pro ActiveX教程】(十四):列印圖表
下載TeeChart Pro ActiveX最新版本 標準列印 TeeChart Pro提供標準列印方法,可將“螢幕圖表”按原樣列印到印表機。 簡單列印命令 要列印圖表,請使用Print方法。這將打印出螢幕上顯示的圖表: [C#] tChart1.Printer.Print(); [VB.N
從零開始學習html(十四)單位和值
type 當我 總結 學生 專註 bfc span blog 設置顏色 一、顏色值 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5
自然語言交流系統 phxnet團隊 創新實訓 個人博客 (十四)
reg ssa then soci mile pic fin lan tle 關於WikiExtractor的學習筆記: WikiExtractor是一個Python 腳本,專門用於提取和清洗Wikipedia的dump數據,支持Python 2.7 或者 Pyth
(十四)Hibernate中的多表操作(4):單向一對一
odin utf-8 lds () clas string 方式 rdb style 案例一: 註解方式實現一對一 UserBean.java package bean; import java.io.Serializable; import javax.pers
openstack controller ha測試環境搭建記錄(十四)——配置cinder(存儲節點)
nbsp 設置 ntp reason script snap rate 文件 esc 先簡述cinder存儲節點的配置: 1、IP地址是10.0.0.41; 2、主機名被設置為block1; 3、所有節點的hosts文件已添加相應條目; 4、已經配置了ntp時間同
OGG運維優化腳本(十四)-信息同步類--定義文件自動下發
ogg oracle goldengate 腳本 數據同步 shell 文件: resend.sh路徑:$HOME/ggscript/ggdef功能:該腳本為用於應對目標端因為定義文件失效導致的進程異常中斷所設計因源端業務經常未通知目標端以及系統組自行修改表結構因此設計該腳本自動生成定
CSS學習(十四)-CSS顏色之中的一個
rac 顏色 opacity bsp pac pre alpha color data- 一、理論: 1.RGB色彩模式 a.CMYK色彩模式 b.索引色彩模式 (主要用於web) c.灰度模式 d.雙色調模式 2.opacity: a.alphavalue:透明
Linux筆記(十四) - 日誌管理
關機 ron pri 內核 有用 規則 rsyslog 所有者 事件 (1)rsyslogd的服務:查看服務是否啟動:ps aux | grep rsyslogd 查看服務是否自啟動:chkconfig --list | grep rsyslog 配置文件 : /etc/r
全棧JavaScript之路(十四)HTML5 中與class屬性相關的擴充
mov html5 表示 方法 popu dom add data- token 1. getElementByClassName() :支持getElementsByClassName()方法的瀏覽器有IE 9+、Firefox 3+、Safari
如鵬網學習筆記(十四)ASP.NET
表單參數 form表單 web服務 exp 序列化 date 文字 arr 處理程序 Asp.net筆記 一、Socket類 進行網絡編程的類,可以在兩臺計算機之間進行網絡通訊 過程: 向服務器發送指令: GET /index.html HTTP
python selenium-webdriver 標簽頁切換(十四)
例子 int 道理 .get es2017 http code 按鈕 style 測試過程中有時候會遇到點擊某個按鈕或者鏈接會彈出新的窗口,這時候我們的操作的頁面還保持著最初打開頁面,但是此時我們需要操作新打開的頁面上的功能,這個時候我們需要切換一下標簽頁 。 其
設計模式(十四)——組合模式
其他 獲取 添加 http es2017 處理方式 src 所有 alt 1.描述 將對象組合成樹形結構一以表示“部分——整體”的層次結構。組合模式使用戶對單個對象和組合對象的使用具有一致性。 2.模式的使用 ·抽象組件(Component):是一個接口或抽象類,該接口定義
MySQL(十四)之數據備份與還原
pic 還原 mysql .com ace sql .cn uid 數據備份 http://pic.cnhubei.com/space.php?uid=4614&do=album&id=1719909http://pic.cnhubei.com/space.