vue-cli项目模板的一些思考

之前有个想法,就是要利用vue写一套ui。然后当时也没有搞清楚到底怎么写。

几经周转吧,通过付费的方式在gitbook上面找到了答案。

找到答案之后再看我们正在开发的项目,看伙伴写的代码,突然发现完全可以按照写ui组件库的方式调整目录结构。于是动手了,于是新的目录结构。

最重要的是终于从实际层面开始向上思考代码设计,思考架构设计。在我看来目录就是一种架构。

思考后的心得吧算是。

一,就vue脚手架来说,自动生成的项目模板是有改进或者根据实际需要作出重新设计的。重新设计的后要能够有更合适的扩展性。

比如组件化的扩展性,尤其全局组件,经过合理的重新安排目录,可以让全局组件发展成为组件库。然后全局的vue特殊属性,比如过滤器、指令等等也可以单独拿出开使用。

二,一些依赖性质的方法可以放在util里面,利用vue的原型和扩展方法intall,将方法挂在原型上面。

三,局部组件,局部指令,局部过滤器则单独放在页面内部或者组件内部。

四,生产环境下的一些依赖是可以全部使用dll进行打包压缩管理的,这样可以大大减少开发环境时候的内存需要

五,关于混入,混入是另一种形式重复解决方案

六,组件、混入、指令、过滤器、方法构成了可重复单元,vue原型上的方法不能出现在指令或者过滤器中。

一个优秀的项目模板是值得做一个专门的脚手架管理的,毕竟这是努力思考和日积月累的工作才得到的。

也是解决复杂问题的一个思路。有规则拆解。