色悠悠老司机久久久久,99久久婷婷国产麻

注冊(cè) Coding 賬號(hào)這步就省略了...接下來(lái)步入正題~

登錄 Coding，新建一個(gè)項(xiàng)目...

碼市新建項(xiàng)目

名稱，項(xiàng)目描述，下面啟用 README.md 可隨意勾選，點(diǎn)擊創(chuàng)建 PS ：我還是不勾選了，后面要初始化項(xiàng)目自己也會(huì)加的；

新建項(xiàng)目信息頁(yè)面

頁(yè)面會(huì)自動(dòng)加載到創(chuàng)建的項(xiàng)目里面，如我創(chuàng)建的項(xiàng)目 111 ，點(diǎn)擊左側(cè)導(dǎo)航代碼

項(xiàng)目管理頁(yè)面.png

吶，點(diǎn)擊這里快速初始化倉(cāng)庫(kù)，前面沒(méi)勾選 README.md 現(xiàn)在勾選就能創(chuàng)建啦~

代碼初始頁(yè)面.png

代碼頁(yè)面點(diǎn)擊初始化倉(cāng)庫(kù)頁(yè)面.png

創(chuàng)建在右側(cè)，仔細(xì)看。

創(chuàng)建成功后，我們開啟 Pages 服務(wù)

開啟Pages服務(wù).png

好的，開啟成功，我們?cè)诜种Ю锩嫘陆ㄒ粋€(gè)一個(gè)分支， coding-pages
這個(gè)你們可以看看原作者的文章：通過(guò) Coding 托管 Axure HTML 文件：LooMo

新建項(xiàng)目分支.png

新建頁(yè)面.png

設(shè)置為默認(rèn)分支

設(shè)置默認(rèn)分支.png

使用 SourceTree配置，選擇從 URL 克隆

Paste_Image.png

SourceTree 的用法就不細(xì)述了，總之，將你本地的原型通過(guò) SourceTree同步后能上傳原型到你的項(xiàng)目中如下。。。額，剛發(fā)現(xiàn)，不會(huì) SourceTree 的同學(xué)，你可以直接進(jìn)入你創(chuàng)建的分支，將文件夾拖入上傳即可。。。

![Uploading Paste_Image_302338.png . . .]

![Upload Paste_Image.png failed. Please try again.]

![Uploading Paste_Image_302338.png . . .]
注冊(cè) Coding 賬號(hào)這步就省略了...接下來(lái)步入正題~

登錄 Coding，新建一個(gè)項(xiàng)目...

碼市新建項(xiàng)目

名稱，項(xiàng)目描述，下面啟用 README.md 可隨意勾選，點(diǎn)擊創(chuàng)建 PS ：我還是不勾選了，后面要初始化項(xiàng)目自己也會(huì)加的；

新建項(xiàng)目信息頁(yè)面

頁(yè)面會(huì)自動(dòng)加載到創(chuàng)建的項(xiàng)目里面，如我創(chuàng)建的項(xiàng)目 111 ，點(diǎn)擊左側(cè)導(dǎo)航代碼

項(xiàng)目管理頁(yè)面.png

吶，點(diǎn)擊這里快速初始化倉(cāng)庫(kù)，前面沒(méi)勾選 README.md 現(xiàn)在勾選就能創(chuàng)建啦~

代碼初始頁(yè)面.png

代碼頁(yè)面點(diǎn)擊初始化倉(cāng)庫(kù)頁(yè)面.png

創(chuàng)建在右側(cè)，仔細(xì)看。

創(chuàng)建成功后，我們開啟 Pages 服務(wù)

開啟Pages服務(wù).png

好的，開啟成功，我們?cè)诜种Ю锩嫘陆ㄒ粋€(gè)一個(gè)分支， coding-pages
這個(gè)你們可以來(lái)自原作者：[LooMo ]

新建項(xiàng)目分支.png

新建頁(yè)面.png

設(shè)置為默認(rèn)分支

設(shè)置默認(rèn)分支.png

使用 SourceTree配置，選擇從 URL 克隆

配置 SourceTree.png

SourceTree 的用法就不細(xì)述了，總之，將你本地的原型通過(guò) SourceTree同步后能上傳原型到你的項(xiàng)目中如下。。。額，剛發(fā)現(xiàn)，不會(huì) SourceTree 的同學(xué)，你可以直接進(jìn)入你創(chuàng)建的分支，將文件夾拖入上傳即可。。。

進(jìn)入分支.png

上傳文件.png

將你的原型拖進(jìn)來(lái)即可

拖入你的原型.png

寫一個(gè)說(shuō)明再提交...

說(shuō)明和提交

這樣原型就上傳成功了 (PS：用 SourceTree 就不要每次這么麻煩的傳了)

上傳成功后.png

但是到目前為止，這都是代碼，怎么看圖形界面呢，這就需要 WEBIDE 來(lái)協(xié)助了...

點(diǎn)擊進(jìn)入 IDE.png

直接新建一個(gè)工作空間，登錄就能用的...

新建工作空間.png

點(diǎn)擊同步倉(cāng)庫(kù)， WEBIDE 會(huì)自動(dòng)同步你在碼市創(chuàng)建的項(xiàng)目，就我們剛剛創(chuàng)建項(xiàng)目的辣個(gè)網(wǎng)站

同步倉(cāng)庫(kù)

吶，過(guò)來(lái)了

同步后

點(diǎn)擊這個(gè)項(xiàng)目，根據(jù)需求創(chuàng)建一個(gè)運(yùn)行的服務(wù)器(PS:個(gè)人用就最低級(jí)別就好，第一次創(chuàng)建收 0.01 碼幣，我現(xiàn)在每次建最少話 0.02 碼幣，就忘了讓你們看清楚點(diǎn)。。心疼ing ... ，獲取碼幣方式在里面會(huì)有介紹，我簡(jiǎn)要說(shuō)：手機(jī)綁定送 0.1 ，身份信息完善送 0.1 ，過(guò)生日送 0.1 ，app 首次登陸送 0.1 等方式)