一個小程序主體部分由三個文件組成，必須放在項目的根目錄，如下：
| 文件 | 必須 | 作用 |
|---|---|---|
| app.js | 是 | 小程序邏輯 |
| app.json | 是 | 小程序公告配置 |
| app.wxss | 否 | 小程序公告樣式表 |
3. 小程序項目結(jié)構(gòu)?
一個小程序頁面由四個文件組成，分別是：
| 文件類型 | 必須 | 作用 |
|---|---|---|
| js | 是 | 頁面邏輯 |
| wxml | 是 | 頁面結(jié)構(gòu) |
| json | 否 | 頁面配置 |
| wxss | 否 | 頁面樣式表 |
》》》》》》》》》》》》》》
首先在Demo項目根目錄下創(chuàng)建app.json文件，其內(nèi)容如下
{
"pages":[
"pages/index/index"
]
}
然后在Demo項目根目錄下新建pages目錄，在pages目錄下新建index目錄，接著在index目錄下創(chuàng)建兩個文件index.wxml和index.js。
index.wxml的內(nèi)容為：
<view>
<view style="text-align:center;padding:200rpx">
<text>{{motto}}</text>
</view>
</view>
index.js的內(nèi)容為：
Page({
data: {
motto: 'Hello World',
},
onLoad() {
}
})
完成上述步驟后開發(fā)者工具的結(jié)構(gòu)如下：
點擊小程序開發(fā)者工具的“編譯”命令，開發(fā)者工具會對demo項目的內(nèi)容進行編譯，并在微信開發(fā)者工具的模擬器界面上顯示出Hello World結(jié)果
4.4 給小程序當前頁面設置局部配置（index.wxml為例：修改背景，字體顏色）
1. 選擇pages下面的index目錄里面的index.json文件里面修改配置
- 完整代碼如下！可直接復制粘貼
{ "usingComponents": {}, "navigationBarBackgroundColor": "#000000", "navigationBarTextStyle": "white", "navigationBarTitleText": "第一個小程序項目", "backgroundColor": "#eeeeee", "backgroundTextStyle": "light" }
?4.3 給小程序新增一個頁面
1. 進入app.json 在第一個pages數(shù)組里面指定生成頁面文件路徑即可自動創(chuàng)建
注！想要哪一個頁面先展示可按順序排即可，第一個頁面路徑就是第一個顯示的頁面
4.5 給小程序設置拖把欄（全局配置）
1. 選擇app.json進入后在文件內(nèi)第一個花括號里面添加代碼進行編輯，多個節(jié)點進行逗號分開文章來源：http://www.zghlxwxcb.cn/news/detail-632734.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-632734.html
到了這里，關(guān)于微信小程序開發(fā)【從0到1~入門篇】2023.08的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
