摘要:寫在前面最近做畢設(shè)的時(shí)候發(fā)現(xiàn)網(wǎng)絡(luò)上關(guān)于版本的基礎(chǔ)入門資料太少,我一個(gè)后端開發(fā)人員當(dāng)時(shí)入門也是跌跌撞撞,現(xiàn)在我將我所學(xué)的分享出來,避免大家少走一些彎路。
1.寫在前面
最近做畢設(shè)的時(shí)候發(fā)現(xiàn)網(wǎng)絡(luò)上關(guān)于ant designpro2.0版本的基礎(chǔ)入門資料太少,我一個(gè)后端開發(fā)人員當(dāng)時(shí)入門也是跌跌撞撞,現(xiàn)在我將我所學(xué)的分享出來,避免大家少走一些彎路。
2.開發(fā)環(huán)境
你的本地環(huán)境需要安裝 node 和 git。ant desing pro框架基于 ES2015+、React、UmiJS、dva、g2 和 antd,提前了解和學(xué)習(xí)這些知識(shí)會(huì)非常有幫助。
3.參考資料
參考ant design pro
參考DvaJs
4.目錄地址
Ant Desing Pro2.0(一)項(xiàng)目初始化
Ant Desing Pro2.0(二)新增頁面
Ant Desing Pro2.0(三)設(shè)置代理
Ant Desing Pro2.0(四)與服務(wù)端交互
1.下載項(xiàng)目源碼從github上面下載源碼,代碼如下
git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project cd my-project
下載好的項(xiàng)目如圖
2.1下圖是刪除跟開發(fā)無關(guān)的文件夾以及無關(guān)的文件后的效果
2.2刪除package.json中其他無關(guān)的npm命令行
刪除前
刪除后,圖片中有個(gè)注意事項(xiàng)請(qǐng)關(guān)注以下
ps:我這里采用『WebStorm』開發(fā) 1.在當(dāng)前目錄輸入以下命令
> nmp install
> nmp start
運(yùn)行后瀏覽器會(huì)自動(dòng)打開出現(xiàn)如下界面
這樣第一部分的項(xiàng)目導(dǎo)入就算完成了
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/102445.html
摘要:參考資料參考參考目錄地址一項(xiàng)目初始化二新增頁面三設(shè)置代理四與服務(wù)端交互修改文件在將行和行的注釋打開代理前綴,請(qǐng)求格式資源地址將所有以開頭的所有路由都代理到目標(biāo)地址代理目標(biāo)地址是否跨域訪問最終請(qǐng)求時(shí)候忽略掉舉個(gè)例子吧有個(gè)接口請(qǐng)求之后會(huì)返回 1.參考資料 參考ant design pro 參考DvaJs 2.目錄地址 Ant Desing Pro2.0(一)項(xiàng)目初始化 Ant D...
摘要:配置路由在行新增如下內(nèi)容這行是新增的內(nèi)容做完如上步驟其實(shí)功能是完成了,但是版本中加入了菜單國(guó)際化中。所以你剛剛的頁面如下這不是我們想要的效果,讓我在進(jìn)行修改修改在行新增如下內(nèi)容新增菜單新增頁面查看效果運(yùn)行效果讓我做一道連線題把 1.參考資料 參考ant design pro 參考DvaJs 2.目錄地址 Ant Desing Pro2.0(一)項(xiàng)目初始化 Ant Desing...
摘要:創(chuàng)建在新建文件填入以下代碼導(dǎo)入接口文件,并采用解構(gòu)的方式,將的文件里面的賦值給這里的是儲(chǔ)存數(shù)據(jù)的地方,收到以后,會(huì)更新數(shù)據(jù)。我的理解其實(shí)是支付寶的框架傳送門 1.參考資料 參考ant design pro 參考DvaJs 2.目錄地址 Ant Desing Pro2.0(一)項(xiàng)目初始化 Ant Desing Pro2.0(二)新增頁面 Ant Desing Pro2.0(三)...
摘要:新增頁面參考資料由于版本升級(jí)到所以重新做了一個(gè)分享,下面是目錄地址一項(xiàng)目初始化二新增頁面三設(shè)置代理四與服務(wù)端交互在下面的任意一個(gè)文件夾下面創(chuàng)建一個(gè)頁面填寫如下內(nèi)容內(nèi)容這是新頁面內(nèi)容將剛剛寫的組件注冊(cè)到路由里面,修改文件內(nèi)容內(nèi)容新頁面添加后的 ant design pro 新增頁面 ps:參考資料 1.ant design pro 2.由于pro版本升級(jí)到2.0,所以重新做了一個(gè)分享...
摘要:提交報(bào)錯(cuò)描述剛下載好的修改后,準(zhǔn)備提交發(fā)現(xiàn)報(bào)如下錯(cuò)誤,原因是引用做和腳本做和的語法糾正。 1.Ant Desing Pro git提交報(bào)錯(cuò) 1.1. 描述:剛下載好的ant design pro修改后,準(zhǔn)備提交發(fā)現(xiàn)報(bào)如下錯(cuò)誤, 1.2. 原因:是Ant Desing Pro 引用eslint做和stylelintrc腳本做js和css的語法糾正。而在每次git提交的時(shí)候觸發(fā)這個(gè)腳本...
閱讀 1013·2021-11-23 09:51
閱讀 1073·2021-11-18 10:02
閱讀 2068·2021-09-10 11:27
閱讀 3196·2021-09-10 10:51
閱讀 847·2019-08-29 15:13
閱讀 2145·2019-08-29 11:32
閱讀 2563·2019-08-29 11:25
閱讀 3095·2019-08-26 11:46