使用方式

前提條件

已完成創(chuàng)建小程序。
已下載并安裝百度小程序開發(fā)者工具（簡稱 IDE）。
部分組合能力示例使用了 Smart UI 組件，建議先閱讀熟悉 Smart UI 使用方式

引入方式

目前模板靈活支持兩種引入方式，npm 和開發(fā)者工具快速創(chuàng)建方式

目前創(chuàng)新互聯(lián)建站已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、長安網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

方式一：npm 引入

在小程序根目錄執(zhí)行下方命令，下載頁面模板的對應(yīng)的 npm 包：

 
 
 
  
  
  npm i @smt-ui-template/page-status // 模板名稱

將對應(yīng)的模板文件拷貝到當前小程序合適的目錄下（如 pages）：

“模板文件”為 npm 包內(nèi) @smt-ui-template-xxx 文件

 
 
 
  
  
  .  
  
  ├── project.swan.json   
  
  ├── app.json   
  
  ├── app.js   
  
  ├── pages  
  
   └── @smt-ui-template-status // 模板文件

在小程序根目錄的 app.json 中配置模板頁面的 path 路徑，查看效果：

 
 
 
  
  
  {  
  
   "pages": [  
  
   ...  
  
   "pages/@smt-ui-template-status/index"  
  
   ...  
  
   ]  
  
  }

為了方便在開發(fā)者工具中查看模板頁的效果，可以設(shè)置模板頁為小程序預(yù)覽的首頁。該功能的說明請參考自定義編譯文檔。

安裝 npm 依賴
部分模板在使用模板前，需要安裝依賴。詳情請參考對應(yīng)模板“npm 依賴”版塊。

方式二：開發(fā)者工具 - 頁面模板

打開開發(fā)者工具，點擊“頁面模板”，選擇相應(yīng)模板，選中后點擊右下角“立即使用”，填寫相關(guān)信息點擊右下角“完成”按鈕。
模板創(chuàng)建后，項目文件夾內(nèi)包含完整的源代碼并且可以直接運行預(yù)覽。

二次開發(fā)

使用開發(fā)者工具的編輯器或者選擇自己熟悉的編輯器對模板進行二次開發(fā)。

分享標題：創(chuàng)新互聯(lián)百度小程序教程：使用方式
標題鏈接：http://www.fisionsoft.com.cn/article/dpepphd.html