2.8 终端输入npm run build 在浏览器中打开 这时候的页面结构是这样的,vue单页和php页面完全解耦，书写后台管理系统的时候我们只要关注vue单页区域就可以了，页面跳转和单页配置在php代码中完成即可。
2.9 主要的vue单页的书写可以不用每次都使用npm run build 进行打包.我们只要使用vue提供的8080端口就可以直接调试vue单页了 我们在浏览器打开
3.结语
Vue-Cli是现在非常流行的渐进式的前端框架，在后台管理单页中使用能够提高效率。这样设计能够使vue的单页书写完全脱离thinkphp的耦合，后台前端人员只需要在thinkphp中做少量的配置，可以把主要的工作中心放在vue单页的书写和维护上面。
以上所述是小编给大家介绍的thinkphp集成前端脚手架Vue-cli的教程图解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: