基于koajs的web项目构建-心得篇

根据 基于koajs的web项目构建-入门篇 所描述的，创建了项目的基本目录结构，接下来的工做即是编码，编译，测试，发布。作为这些工做，每一项工做都有本身的学问，针对这三项工做的技巧分析文章在网上有不少，因此我并不认为有人可以以简单的描述就涵盖。对于本身，仅做文去尝试清楚的阐述本身构建 node 项目的一些实践。

闲谈

养成良好编码习惯。前端项目中，js 和 html 的语法都是很松散的，变量使用大写或者小写，语句末尾是否有;，大多数状况都是能够适应的。这样的设计无疑提供了更好的容错能力，却助纣了不少开发者随意的编码习惯。随意的编码风格最终致使项目代码的可维护性低，新加入成员学习成本提升。为了克服这一问题，强制约束编码规范是第一层解决方案，咱们能够参照 airbnb的编码规范 ，读一读 编写可维护的 javascript 。从本身作起，再到所再的团队，力求全部编码人员都是统一编码风格，让本身和阅读本身程序的人节省出更多的时间。

合理的使用开发工具。开发工具为前端开发提供了愈来愈多的便利，对于工具而言，无非是熟能生巧，因此对于一个开发人员慢慢积累本身掌握的开发工具是很重要的。能熟练的使用编辑器，提升本身的编码速度；定义好代码质量检测插件，能约束本身写出更规范的代码；合理使用一些自动化构建工具，能让本身避免不少重复性的工做。

在项目中积累。不断有项目从本身手中通过，项目事后，咱们又该如何？善于总结的人总会去分析，汲取项目中精华之处，研究项目中所遇到困难，反思项目中不足之处。再想一想本身所经历的项目，是不是在抱怨别人代码不能看，四处碰壁，在网上搜点解决方案，艰难的完成以后就草草收场？我想有很大一部分人是这样的，至少曾今的我是这样的。最终，善于总结的人慢慢就与咱们拉开了差距，成为咱们仰望的大牛～～

保持良好的心态。不要一直把本身沉浸在工做之中，学会放松本身。保持良好的心态，为高效率，高质量的编码提供基础。

分享

vscode编辑器

微软出品，开源免费，编码神器

推荐插件:

• 代码格式化: beautify

• 文件图标: vsocde-icon

• eslint: eslint

• 文档: add jsdoc comments

自动化构建 gulp + webpack

gulp负责任务集成，web pack完成commons浏览器化。

推荐插件:

• sass 编译: gulp-sass

• css 图片处理: gulp-base64

• 文件 md5 命名: gulp-rev

• 文件引用替换: gulp-rev-replace