Vue实战—从目录结构谈可扩展项目架构设计

yankeys 发布于2019-08-23 16:54 / 2732人阅读

摘要：好的项目代码结构会大大提升项目的维护性和可扩展性。多说无益，我这里直接给大家一个示意图，大家可以按照我给的这个项目结构组织项目。你连文件目录都设计不好，我拿什么相信你能设计出来可扩展的程序

很多人都会用项目脚手架，也会跑hello world，然后再写写简单的todolist。但是再往下深入就难了。比如很多教程和老师都会说，大家要多问一个为什么。其实我想说多问你妹啊。我都不知道问为什么怎么多问？！比如如果我不说，很少有人会去思考和研究为什么vue的项目目录要如此设计，这么做好处。

先不说说别的，我们先看看vue的目录，一图抵万言，不墨迹。

好的项目代码结构会大大提升项目的维护性和可扩展性。同时我们可以提供友好的说明，以便其他成员理解项目和快速定位。

其实有一点比较重要，就是公共组件、工具等同类的文件，放置一起维护会比较好。而且还有个小技巧，我们可以在搭建项目的时候，在 README.md 里面描述下该项目下的代码和文件结构。

多说无益，我这里直接给大家一个示意图，大家可以按照我给的这个项目结构组织项目。

这里我强调两点，

1.第一点注意每一个组件的大小写。

2.注意每个组件所用到的图片的位置。

很多人写组件的时候被命名或者大小写或者分隔符弄的晕头转向，这里我就说说代码规范。

代码规范其实是团队合作中最重要的地方，使用相同的代码规范，会大大减少我们接手别人代码时候卧槽的次数。

好的写码习惯很重要，命名习惯、适当的注释，会对代码的可读性有很大的提升。但是习惯是每个人都不一样，所以在此之上，我们需要有这样统一的代码规范。

一些工具可以很好地协助我们，像 Eslint、Tslint等，加上代码的打包工具协助，可以把一些规范强行标准化，来获取代码的统一性。还有像 prettier 这样的工具，能自动在打包的时候帮我们进行代码规范化。

除了这些简单的什么驼峰啊、全等啊、单引双引等基础的规范，其实更重要的是流程规范。最基础的是改动公共库或是公共组件的时候，需要进行 code review。通常我们使用 Git 维护代码，这样在合并或是版本控制上有更好的体验。

但其实最重要的还是沟通，沟通是一个团队里必不可少同时很容易出问题的地方，要学会沟通方式、表达方式。

很多人觉得命名了或者项目目录了这些不重要，非得把复杂的功能实现出来才牛逼，这才是技术大牛或者脑袋上闪耀着光环的架构师的范儿。其实，项目的维护所有程序员都需要，而且要想成为一个架构师，你写的代码别人是否能看得，用着舒服，架构是否健壮可扩展，这些是基本功。你连文件目录都设计不好，我拿什么相信你能设计出来可扩展的程序？

云服务器 GPU云服务器项目实战架构扩展方式 python实战项目 python项目实战

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103482.html

原腾讯云架构师谈可扩展系统的入门基础

摘要：随着智能设备的普及使得高并发场景越来越多，可扩展成为系统设计的必要条件，下面分别介绍下可扩展系统的四个重要组成部分一负载均衡可扩展性冗余容错水平扩展负载能力和增加硬件呈线性关系。目前大多数互联网公司均采用软件负载均衡。肖立鹏原来在腾讯云做架构师，目前在Udesk担任CTO职位。下面是他分享的Udesk在可扩展高并发架构方面的一些实践经验。随着智能设备的普及使得高并发场景越来越多，...

yuxue 2019-06-28 10:49 评论0 收藏0
gorose orm+dotweb框架快速构建go web网站实战(二)

摘要：项目目录规划因为和框架都是基于独立的组件所以我们可以对项目的目录做出自由的规划在这里我们便规划一个遵循一般的结构的项目目录为了项目的易维护性和高可用性我们尽量采取成熟的架构分离业务模块这里就借鉴界最火爆的框架拉的设计思想做出简单的涉设计架构 go web项目目录规划因为 gorose orm 和 dotweb 框架都是基于独立的组件, 所以我们可以对项目的目录做出自由的规划. 在...

ghnor 2019-05-29 17:50 评论0 收藏0
Vuejs 实战观书有感 C1

摘要：还有一点比较重要的是，如何在快速迭代的软件开发周期内，去解放生产力。于是就会大量涌现很多优秀的开源框架和扩展库，去解决现实生活中的实际问题。而这一切都是在朝着提高开发效率，降低维护成本而前进。结合书中的观点去总结和思考。关于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 简单小巧的核心（代码压缩后大...

赵连江 2019-07-01 11:05 评论0 收藏0
Vuejs 实战观书有感 C1

摘要：还有一点比较重要的是，如何在快速迭代的软件开发周期内，去解放生产力。于是就会大量涌现很多优秀的开源框架和扩展库，去解决现实生活中的实际问题。而这一切都是在朝着提高开发效率，降低维护成本而前进。结合书中的观点去总结和思考。关于 Vue.js showImg(https://segmentfault.com/img/bVbk73v?w=252&h=253); 简单小巧的核心（代码压缩后大...

weapon 2019-08-23 14:06 评论0 收藏0
《从零构建前后分离的web项目》实战 -5分钟快速构建炒鸡规范的VUE项目骨架

摘要：可以使用或来安装我用来重新尝试一次对速度表示不理想的可以尝试淘宝的不要过度依赖中可以写成放哪都行，可以写成可以写成看到这个画面，安装完成了。初步搭建脚手架 Tips 任何不错的开源项目都有 project-cli 脚手架、我们用它生成往往能快速配制出最佳的、理想的脚手架我通常使用 cli 生成项目骨架再在之基础上进行个人修改。什么是 CLI 命令行界面（英语：command-li...

qieangel2013 2019-08-23 11:58 评论0 收藏0