小程序CMS前端代碼運行測試 · JeewxBoot 開發文檔

# 小程序CMS ***** **目錄索引：** - 下載項目 - 導入前端項目 - 修改項目配置文件 - 運行項目 #### 1\. 在Github或者Gitee下載項目在Github或者Gitee上搜索"jeewx-boot",點擊第一個項目,項目圖如下: ![](https://img.kancloud.cn/10/23/1023cbfc949de2a7e1750ae7700247ce_1045x639.png) ![](https://img.kancloud.cn/e5/d8/e5d8784eb698d7b25451e45f0fcb2ccc_1059x350.png) 點擊最右側"克隆/下載",使用git或者直接下載ZIP到本地 #### 2\.使用開發工具導入項目打開WebStorm將下載到本地的項目打開 ![](https://img.kancloud.cn/eb/3a/eb3ab545fba3d0abb92c6f600eb35226_1016x499.png) 在WebStorm下方打開Terminal命令端,使用cnpm install下載項目所需要的依賴,下載完后輸入命令"npm run dev"啟動 ![](https://img.kancloud.cn/91/eb/91eb775665ff232aa255784ad2079e6a_750x790.png) 看到控制臺報錯提示一下信息時,使用cnpm install "xxx"下載所對應的依賴,直至沒有提示 #### 3\.修改項目配置文件打開src下的api文件夾,找到api.js,將api.js中的"domain"修改為后端管理平臺的訪問地址,再將"apiAdUpload"改為" ",圖片的訪問路徑都改為線上訪問 ![](https://img.kancloud.cn/fc/31/fc31cbcb90eeb5d02b62c0d206c91cb8_549x320.png) 訪問jeewx管理平臺,登錄后選擇微網站菜單下的站點管理,在頁面獲取站點id ![](https://img.kancloud.cn/bd/e7/bde7854c908080c4a66f45498348149b_1174x455.png) 打開src下utils文件夾中的"wxRequest.js"文件,將復制的站點id粘貼到"MAIN_ID"下 ![](https://img.kancloud.cn/2f/b1/2fb11dfc404b6c1effc09c7e0df2fa51_668x318.png) #### 4\.啟動運行項目使用命令行"npm run dev"啟動運行項目,啟動成功后打開微信開發者工具在開發者工具中導入已經下載好依賴的項目,選擇dist文件夾 ![](https://img.kancloud.cn/63/7f/637f37e5c23a4ad7c3224d7c0d87ed88_798x516.png) ~~~ 使用微信開發者工具時，該登錄微信號必須是當前小程序的開發者。授權開發者權限小程序后臺管理員授權微信用戶為開發者【用戶身份-成員管理】添加成員 ~~~ 在開發者工具"詳情"功能中的本地設置下勾選不校驗合法域名 ![](https://img.kancloud.cn/83/a4/83a4ea5d1edd7a63ddb9d3bcc946ccf4_467x635.png)