記錄:
? ? 總結(jié)一下mpvue的坑:? ? ? ??
1.搭建好腳手架之后,我們使用npm run dev 是跑不起來的 因?yàn)槲覀冊谏赡_手架的時候沒有輸入appid , 還有路徑的問題, 所以, 我們要先打開編輯器, 在? ??project.config.json? 這個配置文件內(nèi)把路徑跟appid修改好, dist后面要把路徑補(bǔ)全不然無法找到編譯后的小程序文件,然后就是appid要補(bǔ)全
2.每次新建文件都要先創(chuàng)建一個文件夾,里面放三個文件 , 第一個是 .vue 文件 , 第二個是 .js 文件 ,第三個是 .json文件
3.然后你需要在app.json文件里面把你剛剛所創(chuàng)建的文件的路徑寫到pages數(shù)組里面,記住 路徑最后面的main就是每個文件夾里面的? ? .js文件,? 你取了什么名字, 這里就必須要是一樣的名字,不然會報找不到的錯誤 ,? 因?yàn)檫@個js文件就是這個文件夾的入口文件,webpack會根據(jù)這個文件去編譯小程序里面的文件,(個人理解,不對之處敬請指教,微信號 liyanhuan26)? ?
4.全局的樣式都可以再app.json這個文件里面設(shè)置 , 看上圖的window配置
5.這個坑特別要注意, 在你需要在單頁面中更改頭部導(dǎo)航欄的樣式的title , 需要升級mpvue-loader這個配置,如果是這個版本可以忽略這一步?
然后在你需要變更樣式的單頁面中找到? .json的文件
{
"navigationBarTitleText": "分類頁面",
"enablePullDownRefresh": true,
"backgroundColor":"#eee",
"navigationBarBackgroundColor":"#f00",
"navigationBarTextStyle":"white"
}
6.配置全局的tabBar , 直接在全局的app.json里面添加字段即可
