webApp开发注意事项，没有干货，就是一些流程（vue-cli 搭建的）

这里只做一个大概的流程讲解。前期在哪些方面需要做到预留等等。

第一步，了解你的项目有几大模块，有哪些公共数据。这将关乎到你如何编写你的vuex。例如下面的图

就可以分成四个module模块。然后再在这四个模块里面按需分别的小模块。不懂的可以去看vuex文档，然后各种试，跟着文档或百度或自己想当然的尝试各种调用都行。重点是一定要和后端以及产品经理对接，最好把他们拉一起，从进来到退出所有东西走几遍，了解哪些是公共数据，哪些是模板数据，做到心里有数，这样在布局整个产品或设计路由时就会很清晰。而且如果项目偏中大，就一定分模块，不然后期维护或是改需求能烦死你。

第二步就是路由了，这也简单，分为公共路由拦截，例如进某个页面以及他的子页面都有进行是否登录的路由拦截，没有直接弹出。第二个是独立路由拦截，（也可以使用 if else 来实现），顾名思义，只作用某一个路由。

 

第三步，了解哪些依赖需要打包线上的，和不需要打包线上的，我们开发项目是 本地，测试，线上，三套代码。然后就是根据项目要求来设置懒加载路由，和懒加载组件，这很简单。

第四步，那就是优化代码，那太多了，基本就是压缩以及去掉无用的和利用缓存。百度多的是。

 

貌似没有干货啊，算了，反正就是这套流程，还有，沟通很重要，最后每次下班前都和组员们沟通一下，防止他没理会你的意思，做出了别的东西。