Vue代码怎样写才漂亮？( 二 )

你可以在我的头条号里。找到类似的文章：

文章插图
最后
代码不光光自己看的舒服。更要让协作者。或者团队成员都赏心悦目。
有些东西不是一时间就能登峰造极的。需要平时逐步积累。希望大家的 coding 水平很越来越强。
欢迎关注「前端雨爸」。让我们一同在前端路上成长进步。
其他观点：
首先编码方面。template部分使用pug语法。可以简化大部分标签的书写。css部分可以选用less之类的包。在写样式时用大括号嵌套。每个块的样式分离开。每个组件的样式应该写在组件内部。并加上scoped标记避免污染其他组件。应该尽量避免定义使用全局样式。script部分建议用上vue-class-component 。用装饰器的语法。代码结构一目了然。也可以用ts 。当然vue代码要好看。合理设计结构很重要。将可复用的部分抽象成组件。将逻辑代码和功能代码分离。定时重构项目。将可复用的部分单独分离开来。做成npm包发布。或者使用bit来管理公共组件。实现多项目复用。
【Vue代码怎样写才漂亮？】合理利用格式化工具。在项目根目录定义prettier的配置文件。本地或者全局安装prettier的包。在提交git或者发布代码前。做一次全局格式化。紧接着可以再做一下eslint的autofix 。然后再打包发布。当然如果使用了vscode的话。设置下保存时自动格式化也是可以的。