首頁 微信小程式 小程式開發 微信小程式購物商城系統開發系列-工具篇

微信小程式購物商城系統開發系列-工具篇

Feb 16, 2017 am 10:13 AM
微信小程式

      微信小程式開放公測以來,一夜之間在各種科技社群中就火起來囉。對於它估計大家都不陌生了,對於它未來的價值就不再贅述,簡單一句話:可以把小程式簡單理解為一個新的操作系統、新的生態,未來大部分應用場景都將給予微信小程序進行研發。基於對它的敬畏以及便於大家快速上手,特整理微信小程序商城開發系列,未來將持續增加微信小程序技術文章,讓大家可全面了解如何快速開發微信小程序商城。

       本篇文章主要介紹微信小程式官方提供的發展工具,俗話說:欲工善其身,必先利其器。

小程式開發文件位址https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

首先我們需要取得微信小程式提供給我們的程式碼編輯器

工具取得位址:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=20161107

 微信小程序购物商城系统开发系列-工具篇

下載地址我們可以根據我們電腦系統下載對應的版本

地址安裝包後直接雙擊打開按照流程完成安裝

微信小程序购物商城系统开发系列-工具篇


安裝好後在桌面會有一個 這個就是微信小程序所提供的編輯器

下面我們就一步的來建立一個微信小程式

 微信小程序购物商城系统开发系列-工具篇

開啟工具你會發現工具的使用需要透過微信掃描登入才可使用

 微信小程序购物商城系统开发系列-工具篇

掃碼登入之後我們就可以選擇我們需要建立的項目類型

掃碼登入之後我們就可以選擇我們需要建立的項目類型

新建一個本地的小程式專案微信小程序购物商城系统开发系列-工具篇

 

點擊新增專案微信小程序购物商城系统开发系列-工具篇

 

這邊依序填寫你的APPID,專案名稱以及你所建立的專案的目錄

目前已經開始公測的註冊範圍企業,政府,媒體,和其他組織,也就是說個人是沒有辦法註冊的,所以這個不在註冊範圍之內的可以選擇無APPID來進行開發微信小程序购物商城系统开发系列-工具篇

已經有的可以登錄https://mp .weixin.qq.com 後台,在設定中查看到小程式的APPID微信小程序购物商城系统开发系列-工具篇

完成上面步驟新增完項目後,我們就可以進入到編輯器的介面微信小程序购物商城系统开发系列-工具篇

 

個模組,編輯,調試,項目。

編輯:主要功能相當於我們程式碼編輯器的功能。

調試:這個類型於我們Goole瀏覽器的控制台一樣

專案:這個地方主要執行的是發布程式碼和預覽的地方

做前端的同行們應該都很容易上手這個就相當於,將我們以前web開發的編輯器,調試工具整合到一個環境中來。還是比較好理解的。 🎜

 微信小程序购物商城系统开发系列-工具篇

在調試介面可以看到這個就類似於我們使用Goole瀏覽器開發H5網站時差不多。是找回點熟悉的味道啦!

在調試介面我們可以手動進行編譯。 (這邊我們也可以在專案模組設定自動監聽檔案變化編譯檔案的)

手動清除緩存,查看控制台日誌,網路請求…..等等。

 微信小程序购物商城系统开发系列-工具篇

接下來是我們的專案模組,專案模組比較簡潔。

這邊可以執行專案的上傳,和預覽,以及整個IDE一些簡單的設定。

微信小程序购物商城系统开发系列-工具篇

 

這邊要注意的是這個上傳程式碼需要管理員才能上傳,當然沒有沒有AppID是上傳不了的啦。由於現在是公測階段,我們上傳的程式碼也不能真正的讓使用者看到只有開發者可以看到。

另外下面這個預覽功能可能是我覺得是整個IDE的唯一亮點。大家知道我們以前在做H5網站最頭痛的就是在瀏覽器的模擬器上,一切正常可是到真是的手機上看就有各種相容性問題。這個功能可以你在做完一個頁面可以馬上上傳上去透過掃碼來進行預覽。

 微信小程序购物商城系统开发系列-工具篇

這邊需要注意的預覽只能是在登入了和目前IDE相同微訊號的手機上。其他手機透過微信掃碼將無法進行預覽。

好啦今天先介紹微信IDE,下一章節我們會一步步的來實現我們的小程式

更多微信小程式購物商城系統開發系列-工具篇 相關文章請關注PHP中文網!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

閒魚微信小程式正式上線 閒魚微信小程式正式上線 Feb 10, 2024 pm 10:39 PM

閒魚微信小程式正式上線

閒魚微信小程式叫什麼 閒魚微信小程式叫什麼 Feb 27, 2024 pm 01:11 PM

閒魚微信小程式叫什麼

微信小程式實現圖片上傳功能 微信小程式實現圖片上傳功能 Nov 21, 2023 am 09:08 AM

微信小程式實現圖片上傳功能

如何使用PHP開發微信小程式的二手交易功能? 如何使用PHP開發微信小程式的二手交易功能? Oct 27, 2023 pm 05:15 PM

如何使用PHP開發微信小程式的二手交易功能?

使用微信小程式實現輪播圖切換效果 使用微信小程式實現輪播圖切換效果 Nov 21, 2023 pm 05:59 PM

使用微信小程式實現輪播圖切換效果

實作微信小程式中的下拉式選單效果 實作微信小程式中的下拉式選單效果 Nov 21, 2023 pm 03:03 PM

實作微信小程式中的下拉式選單效果

實現微信小程式中的圖片濾鏡效果 實現微信小程式中的圖片濾鏡效果 Nov 21, 2023 pm 06:22 PM

實現微信小程式中的圖片濾鏡效果

實現微信小程式中的圖片旋轉效果 實現微信小程式中的圖片旋轉效果 Nov 21, 2023 am 08:26 AM

實現微信小程式中的圖片旋轉效果

See all articles