上一篇文章導航：

小程序開發(fā)設計-第一個小程序：安裝開發(fā)者工具③-CSDN博客https://blog.csdn.net/qq_60872637/article/details/142219152?spm=1001.2014.3001.5501

須知：注：不同版本選項有所不同，并無大礙。

一、創(chuàng)建小程序項目整體預覽：

1.點擊“加號”按鈕：

2.填寫項目信息：

新建項目->新建文件夾將項目放入其中

導入項目：是導入現(xiàn)成的已經(jīng)制作好的項目。

3.項目創(chuàng)建完成：

創(chuàng)建完成后的項目如下：

二、整體創(chuàng)建流程：

1.創(chuàng)建文件夾存放小程序項目代碼：

在本地創(chuàng)建存放小程序項目代碼的文件夾。

2.打開“加號”按鈕創(chuàng)建：

3.填寫項目信息：

路徑：上一步創(chuàng)建的地址。

填寫自己的AppID號：登錄微信小程序管理后臺微信公眾平臺，選擇開發(fā)選項，找到自己小程序的AppID(在之后創(chuàng)建小程序項目時會用到)。

開發(fā)模式：小程序

后端服務：不使用云服務

選好后點擊“新建”按鈕。

注：不同版本選項有所不同，并無大礙。

4.預覽項目效果：

-在模擬器上查看項目效果：

點擊“編譯”按鈕后，即可在左側(cè)的框中看到最新效果。

-在真機上預覽項目效果：

在真正的手機上查看項目效果，點擊“預覽”按鈕。

5.主界面的5個組成部分：

①菜單欄：

“幫助”->“開發(fā)者文檔”：在實際開發(fā)中會遇到一些小程序?qū)M件的使用文檔或api的使用文檔。

如何快速打開api文檔？

---“幫助”->“開發(fā)者文檔”

“設置”->“通用設置”：對項目的外觀，代理，快捷鍵進行設置。

“工具”：常用的有“編譯”，“預覽”，“插件”，“構(gòu)建npm”。

②工具欄：

左側(cè)三按鈕：“模擬器”，“編輯器”，“調(diào)試器”。需要隱藏“模擬器”，只需點擊“模擬器”按鈕即可。其他同理。

中部的四按鈕：“編譯”，“預覽”。

“編譯”按鈕：快速刷新模擬器里的最新效果。

“預覽”按鈕：在真機上查看小程序的實際效果。

右側(cè)按鈕：“詳情”，“上傳”。

“詳情”按鈕：查看項目的基本信息。

注：如果拿到其他人的項目，第一時間需要將其AppID修改為自己的AppID號。（具體操作：點擊“詳情”->“基本信息”->“AppID”進行修改）

“詳情”->“本地設置”：一些候選框，項目的編譯選項。

③模擬器：

左上角“機型”：建議選擇iPhone6、7、8。

倘若模擬器不能在一個頁面內(nèi)完全顯示，進行“顯示比例”更改，調(diào)整為85%。

④代碼編輯區(qū)：

選擇左側(cè)相應目錄，進行相關(guān)代碼的編寫。

⑤調(diào)試區(qū)：

調(diào)試器里面最常使用的是：“Console”控制面板。

左上角的小箭頭，如圖所示：可將代碼區(qū)與模擬區(qū)進行對應。

下篇文章導航：

小程序開發(fā)設計-第一個小程序：小程序代碼的構(gòu)成⑤-CSDN博客https://blog.csdn.net/qq_60872637/article/details/142306902?sharetype=blogdetail&sharerId=142306902&sharerefer=PC&sharesource=qq_60872637&spm=1011.2480.3001.8118

本系列持續(xù)更新中...