[](https://www.guqule.com) 丸子官方網站：[www.guqule.com](https://www.guqule.com) 丸子客服微信：hackdxd * [ ] **特別注意提醒** 除了丸子小程序其他渠道購買全部為盜版產品，丸子客服微信：hackdxd ## 小程序源碼導入 如我們通過上一個課程已經獲取到了小程序前端源碼，現在我們做的就是如何把源碼導入到開發者工具。 我們獲取到如下的小程序壓縮包，導入時候我們把這個壓縮包解壓出來。 [](https://www.guqule.com) ## 開發工具說明 小程序源代碼導入開發工具，目前只有微信小程序開發工具導入項目的時候，基本上不會出現其他問題。其他小程序，如百度智能小程序和字節跳動小程序往往在導入項目的時候會替換掉 index.swan/index.ttml 和 index.css/index.ttss ，**造成首頁顯示空白或者小程序的默認首頁**。 因此，建議除了微信小程序開發工具導入項目外，其他小程序開發工具先新建一個項目，然后保留項目文件，其他刪除，再把小程序源碼復制到對應的項目目錄下。 1\. QQ 小程序項目文件為：project.config.json 2\. 百度智能小程序項目文件為：pkginfo.json 和 project.swan.json 3\. 字節跳動小程序項目文件為：project.config.json ## 開發工具導入步驟 我們還是以微信為例開始導入源碼，導入的方式都一樣，其他端的按照上面我提到的開發者工具說明，新建然后導入。 ## 下載開發者工具 開發者工具[點擊下載](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)根據自己系統選擇對應版本下載，推薦穩定版。 [](https://imgtu.com/i/2uB656) ## 登錄開發者工具 第一次我們進去需要登錄，選擇你小程序對應的管理員微信登錄 [](https://imgtu.com/i/2uBWxe) ## 導入小程序源碼 開發者工具需要注意的三個地方，目錄選擇我們剛才放小程序包的 * [ ] 目錄 選擇導入小程序包目錄，選擇左邊解壓好的小程序包 [](https://www.guqule.com) * [ ] APPID 選擇我們當前配置小程序APPid[點擊查看獲取](http://www.hmoore.net/wzcode/wanzi_miniprogram_install_guide/2283539) * [ ] 后端服務 我們勾選不使用云服務 [](https://www.guqule.com) ## 小程序源碼導入完成顯示 我們已經成功導入小程序源碼，但是看起來不是那么美觀，我們需要去后臺設置數據，焦點設置、文章設置。 怎么設置焦點我已經在前面的教程說到，自己看教程設置。 [](https://www.guqule.com)