微信小程序工具 代碼片段

代碼片段是一種可分享的小項(xiàng)目，可用于分享小程序和小游戲的開(kāi)發(fā)經(jīng)驗(yàn)、展示組件和 API 的使用、復(fù)現(xiàn)開(kāi)發(fā)問(wèn)題等等。分享代碼片段會(huì)得到一個(gè)鏈接，所有擁有此分享鏈接的人可以在工具中導(dǎo)入此代碼片段。如果網(wǎng)頁(yè)可點(diǎn)擊的鏈接指向的是分享鏈接，那么點(diǎn)擊鏈接也會(huì)自動(dòng)打開(kāi)工具進(jìn)入代碼片段導(dǎo)入頁(yè)。使用最新版的開(kāi)發(fā)者工具可以點(diǎn)此體驗(yàn)導(dǎo)入代碼片段。

創(chuàng)建代碼片段

在工具選擇項(xiàng)目的界面中，右側(cè)可以選擇代碼片段頁(yè)卡，查看所有本地代碼片段，在右下角可以點(diǎn)擊創(chuàng)建代碼片段。

創(chuàng)建代碼片段需要填入代碼片段名稱、本地存放目錄。AppID 不是必填項(xiàng)，如果需要演示依賴 AppID 的操作則需填寫(xiě)。如果存放目錄是空目錄，則可在下方選擇小程序、小游戲等的快速啟動(dòng)模板。

信息填寫(xiě)正確后，點(diǎn)擊創(chuàng)建即可完成創(chuàng)建并打開(kāi)代碼片段。

代碼片段主界面

代碼片段的主界面與普通項(xiàng)目主要有以下幾點(diǎn)區(qū)別：

1. 沒(méi)有上傳、騰訊云和申請(qǐng)測(cè)試報(bào)告等功能
2. 詳情頁(yè)中會(huì)展示上次分享的鏈接，并可以一鍵復(fù)制
3. 代碼片段的快速啟動(dòng)模板與普通項(xiàng)目的快速啟動(dòng)模板不同，體積更小，功能更精簡(jiǎn)

分享代碼片段

在工具欄上點(diǎn)擊分享按鈕即可開(kāi)啟分享代碼片段的流程，在分享信息中需要填寫(xiě)以下內(nèi)容：

• 項(xiàng)目描述：簡(jiǎn)要介紹此代碼片段的功能和目的
• 是否需要 AppID：如果是，開(kāi)發(fā)者導(dǎo)入代碼片段時(shí)會(huì)建議其填入 AppID 以完整運(yùn)行代碼片段
• 最低庫(kù)版本：開(kāi)發(fā)者打開(kāi)導(dǎo)入的代碼片段時(shí)詳情頁(yè)的調(diào)試基礎(chǔ)庫(kù)不會(huì)低于指定的版本

分享的小程序代碼片段最大大小為 100KB，小游戲代碼片段最大為 200KB。

分享成功后會(huì)展示分享鏈接，可復(fù)制分享給其他開(kāi)發(fā)者，其他開(kāi)發(fā)者在工具中選擇導(dǎo)入代碼片段并粘貼鏈接即可導(dǎo)入。

分享的鏈接除了可以粘貼到導(dǎo)入頁(yè)導(dǎo)入外，還可以設(shè)置為可點(diǎn)擊的鏈接。如果 html <a> 標(biāo)簽的 href 屬性設(shè)置為分享的鏈接，如 <a href="wechatide://minicode/76b799966b6ead1837edac517cc02e02" rel="external nofollow" target="_blank" >代碼片段示例</a>，則用戶點(diǎn)擊此鏈接時(shí)會(huì)自動(dòng)打開(kāi)工具進(jìn)入代碼片段導(dǎo)入頁(yè)，最后點(diǎn)擊導(dǎo)入即可完成導(dǎo)入。在開(kāi)發(fā)者社區(qū)發(fā)帖時(shí)，如果想要提供 demo 示例，如果想要提供 demo 示例，可以插入一個(gè)鏈接為代碼片段分享鏈接的超鏈接。

導(dǎo)入代碼片段

在選擇代碼片段的頁(yè)面的右下角可以點(diǎn)擊導(dǎo)入進(jìn)入導(dǎo)入頁(yè)，或者點(diǎn)擊菜單欄上的項(xiàng)目選項(xiàng)卡下的導(dǎo)入代碼片段來(lái)打開(kāi)導(dǎo)入頁(yè)。導(dǎo)入時(shí)需要填寫(xiě)分享鏈接或代碼片段 ID。鏈接的最后一部分即是代碼片段的 ID，如 wechatide://minicode/76b799966b6ead1837edac517cc02e02 的 ID 為 76b799966b6ead1837edac517cc02e02。

導(dǎo)入時(shí)可選擇存放目錄和 AppID。存放目錄默認(rèn)是在臨時(shí)文件夾。