我們建議下載的時(shí)候最好把文件放在一個(gè)比較容易找的地方，如果是我，我會更改一下文件名，而且是英文的。

第二步、解壓到相應(yīng)文件夾 
建議直接解壓到d盤根目錄，這樣你就可以直接cd 進(jìn)入這個(gè)客戶端文件夾了，比如我們的客戶端，你需要 cd 64bits_client 。（我的放置在F:\exploitTools\newNgrok）

第三步、打開命令行 
如果想用系統(tǒng)自帶的命令行，點(diǎn)擊開始，輸入cmd；如果有g(shù)it bash，相信我也不用多說了。

第四步、進(jìn)入剛才的解壓包 
執(zhí)行 ngrok -config=ngrok.cfg -subdomain xxx 80 //(xxx 是你自定義的域名前綴)。

第五步、（補(bǔ)充）想好你的唯一域名 
我還是想提醒一下，確保你的域名前綴唯一，這里的方式有很多，比如你的qq或者你的手機(jī)號碼，甚至你的微信號，這可以對你的項(xiàng)目起到一定的保護(hù)作用。

第六步、（補(bǔ)充）打開你的本地服務(wù)器 
比如經(jīng)常有小伙伴會忘記打開自己的apache或者nginx等等，這會讓你浪費(fèi)很多時(shí)間，很不值得。不妨先訪問127.0.0.1:80確保訪問正常，再開始使用ngrok。

有問題可以進(jìn)這個(gè)相應(yīng)網(wǎng)站咨詢，ngrok.2bdata.com

工具地址：http://files.cnblogs.com/files/tianzhongshan/newNgrok.zip

二：多張image圖片排列有空隙解決方案

分享者：云階月地，原文地址 
上個(gè)項(xiàng)目是賣東西的，商品詳情傳的組圖，排上去后發(fā)現(xiàn)每張圖片下有大概10+rpx的下邊距，顯得很不好看。查了一下貌似是小程序的默認(rèn)樣式。沒找到解決方案，看到有說用微信編輯器傳圖的，好像很麻煩就沒去試，自己琢磨了兩種方法。

原本不做處理的樣子： 

1. .det-pics-w image {
2. width: 100%;
3. min-height: 630rpx;
4. }
5.  
6. .det-pics-w {
7. position: relative;
8. }

第一種解決方案：flex

1. .det-pics-w image {
2. width: 100%;
3. min-height: 630rpx;
4. }
5.  
6. .det-pics-w {
7. position: relative;
8. display: flex;
9. flex-direction: column;
10. }

第二種解決方式：margin-top負(fù)值

1. .det-pics-w image {
2. width: 100%;
3. min-height: 630rpx;
4. margin-top: -12rpx;
5. }
6.  
7. .det-pics-w {
8. position: relative;
9. }

兩種都可以去掉這個(gè)間隙。效果如下