第一步：下載微信小程序開(kāi)發(fā)者工具并安裝，下載路徑：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

進(jìn)到下載界面后，根據(jù)自己的操作系統(tǒng)選擇相應(yīng)的鏈接進(jìn)行下載，下載完成后進(jìn)行安裝。

第二步：登錄工具

開(kāi)發(fā)者工具安裝完成后我們就可以將其打開(kāi)，初次打開(kāi)會(huì)需要用微信掃碼登錄，用手機(jī)微信掃一掃后確認(rèn)登錄就可以了。

第三步：創(chuàng)建一個(gè)項(xiàng)目

登錄成功后，如果是第一次使用該工具會(huì)彈出創(chuàng)建項(xiàng)目的窗口，

在創(chuàng)建過(guò)程中，如果選擇的本地文件夾是個(gè)空文件夾會(huì)出來(lái)一個(gè)勾選項(xiàng)“在當(dāng)前目錄中創(chuàng)建quick start項(xiàng)目”，為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，請(qǐng)勾選此項(xiàng)，勾選后，開(kāi)發(fā)者工具會(huì)幫助我們?cè)陂_(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo，

第四步：項(xiàng)目代碼結(jié)構(gòu)解釋

點(diǎn)擊開(kāi)發(fā)者工具左側(cè)導(dǎo)航的“編輯”，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/span>