最近使用mpvue框架搭建小程序。由于mpvue是基于vue.js的框架，所以上手也很容易，但是还是有一些地方不好用。初始化一个mpvue项目，按照官网提供的步骤进行。#1.首先检查Node.js是否安装成功$node-vv8.9.0$npm-v5.6.0#2.由于众所周知的原因，可以考虑切换源对于淘宝源$npmsetregistryhttps://registry.npm.taobao.org/#3.全局安装vue-cli#一般需要sudo权限$npminstall--globalvue-cli@2.9#4.根据mpvue-quickstart模板新建项目#新手可以一路回车，选择默认的$vueinitmpvue/mpvue-quickstartmy-project#5.安装依赖，到你那里$cdmy-project$npminstall$npmrundev将服务运行起来后，我开始写商业。一开始很顺利，但是新建页面的时候就卡住了。我发现在app.json中的pages+配置路径中添加一个vue文件就是这个原生小程序的配置路径。mpvue中没有建立该方法，必须在page文件夹下创建一个main.js，其作用是打包入口，完成vue的实例化importVuefrom'vue';importAppfrom'./index';constapp=newVue(App);app.$mount();但是在实际项目中，如果每个页面都需要创建一个main.js，工作量又繁琐又多余，所以我发现不需要创建main.js方法，使用mpvue-entry插件到这里，废话不多说，贴上代码，下载mpvue-entrynpminstallmpvue-entry-s找到build/webpack.base.conf.js文件constMpvueEntry=require('mpvue-entry')//引入mpvue-入口找到红框内的代码删除。我们去src文件夹新建一个router.js来管理所有路由module.exports=[{path:'/pages/index/index',config:{navigationnBarTitleText:'Withdrawal'}},{path:'/pages/cash_list/index',config:{navigationBarTitleText:'Withdrawalrecord'}}]然后回到build/webpack.base.conf.js文件，使用MpvueEntry.getEntry方法引入所有路径，最后找到插件，添加mpvue-entry插件。重启服务后，就不需要再创建main.js了。所有路径都可以在router.js中统一管理
