记一次mpvue的坑

记录:

---

    总结一下mpvue的坑:        

1.搭建好脚手架之后,我们使用npm run dev 是跑不起来的 因为我们在生成脚手架的时候没有输入appid , 还有路径的问题, 所以, 我们要先打开编辑器, 在    project.config.json  这个配置文件内把路径跟appid修改好, dist后面要把路径补全不然无法找到编译后的小程序文件,然后就是appid要补全

2.每次新建文件都要先创建一个文件夹,里面放三个文件 , 第一个是 .vue 文件 , 第二个是 .js 文件 ,第三个是 .json文件

3.然后你需要在app.json文件里面把你刚刚所创建的文件的路径写到pages数组里面,记住 路径最后面的main就是每个文件夹里面的    .js文件,  你取了什么名字, 这里就必须要是一样的名字,不然会报找不到的错误 ,  因为这个js文件就是这个文件夹的入口文件,webpack会根据这个文件去编译小程序里面的文件,(个人理解,不对之处敬请指教,微信号 liyanhuan26)   

4.全局的样式都可以再app.json这个文件里面设置 , 看上图的window配置

5.这个坑特别要注意, 在你需要在单页面中更改头部导航栏的样式的title , 需要升级mpvue-loader这个配置,如果是这个版本可以忽略这一步 

然后在你需要变更样式的单页面中找到  .json的文件

代码在下面,直接copy修改即可

{

"navigationBarTitleText": "分类页面",

"enablePullDownRefresh": true,

"backgroundColor":"#eee",

"navigationBarBackgroundColor":"#f00",

"navigationBarTextStyle":"white"

}

6.配置全局的tabBar , 直接在全局的app.json里面添加字段即可