Vue CLI+Vue Router+Babel+
vue 项目的基础搭建，用vue-cli配合vue-router，再加上babel和webpack，整个流程挺顺的，适合想系统入门的你。这份示例代码就是围绕这个思路写的，目录结构清晰，配置也不复杂，拿来就能跑，改起来也方便。
用vue-cli生成项目骨架，路由这块用的是vue-router，页面切换流畅，还支持懒加载，体验不错。你只要跑一遍就能明白这几个东西是怎么协作的，适合初学或想梳理思路的朋友。
babel在里头主要是做转码，写ES6+的代码也不用怕兼容性。webpack就更不用说了，打包、热更新、插件扩展啥的都能看见，配置不深，但该有的基本都有。
另外，代码里还有一些适配移动端的方式，像是viewport设置、rem 换算这类。配合文章看更清楚，下面这几篇就挺有用：
如果你正好在搭 vue 项目的第一步，可以先看这个示例项目，一边跑一边改，理解会更快。
文件大小：83.71KB
评论区