一直以来非常庆幸曾经有翻过《代码大全2》；这使我崎岖编程之路少了很多不必要的坎坷。它在软件工艺的话题中有写到一篇：“首先是为人写程序，其次才是机器(Write Programs for People First, Computers Second)”。虽然这是针对代码可读性来谈及的，但这间接昭示了开发效率之重要不是？此次以 Vue , Es6, Jade, Scss , Webpack, Gulp等一套强大组合来改善团队前端工作流，首因即出于这个理念。
Vue ES6 Jade Scss Webpack Gulp
不觉间，突入这深似海的前端，已近一年。虽然时间不长，却也经历了几个框架的更替。然而这并未使我感觉到Coding的 快乐：因为本质上，整日都在做着重复的事儿用重复的方法，这就好如让你整日拿着烂扫帚，在一座乏味的猥楼前，人为而机械地，日复一日地扫楼前枯枝落叶一般。如此，倒也没什么忒糟糕；只是有一点：即便扫得三年，这经验和功力也就几天(即学会这套机制所用时间)而已。直到遇到这Vue Webpack。
为何有上述的一点小感慨嘞？这缘于现在的工作内容。如今我们团队人倒满多，再招几个就可凑在一起踢一场足球了。主有前端（Js）后端（Php），并加Android，Ios各一名。大家合力为公司几近所有款游戏，提供运营服务。而我等前端所做的事儿，体现在用户那里，不过就是游戏中的活动(Activity)，这在本地中某一场景下，以webView得以承载和展现。我们的工作大部分即将运营策划的一些形形色色活动，以Html＋JS＋Css加以实现下。
这本身虽不具可吐槽性，可喜的是(😂)，公司数十款不用应用游戏，前端er得为此这些不同款游戏做相似运营活动；因为每一个活动(SPA)页面过于独立，故而每一个新活动，从切图，到布局，调样式，写逻辑，测试至发布，全部得重新来一遍。时常为此“念天地之悠悠，独怆然而泪下”。要知道无聊和乏味的工作是罪恶，不管是对于个人还是之于时代。
本着工欲善其事，必先利其器的理念，一直以来在工作效率这块，略怀执念：一个问题不应该被解决两次。毕竟有了快速迭代产品的能力，以及完成需求的高效，才能节省出时间来研究产品的运行效率，或者别的。宁愿多一分钟用来发呆，也无意多一秒低效以来勤奋。在此记载一篇，以纪录前端编程之路的一个转折。前端发展日新月异, 有闻戏言一句道："每六星期重写一个前端框架"。而在这么多框架下，缘何选取了这几个组合，天意如此吧：信息汹涌万千，首次接触到就它们，然后就是它们了。
Vue ES6 Jade Scss Webpack Gulp
Other：工欲善其事，必先利其器，语言，框架皆可以归结为器；而不当仅局限于开发工具以及PC／MAC机。欲要高效开发，熟悉语言框架，拥有敏捷思维，丰富经验等无疑是最有帮助的。但这些层次非朝夕可至；那么在其他方面有所提升，倒也挺有裨益。如之前所提到的以Gulp来拼图／压图／ftp上传；再如熟悉开发工具(SublimeText/Atom)，这在文末有点自荐；再如写些脚本，批量处理新建项目模版等等；当一件事被重复做超过三次，且有代码实现以替代的可能，就当花点时间Coding以解放生产力。
总结：以上些许唠叨，即为这段时间折腾的由头。如今，团队开发机制，也正全面向这套过渡；常用组件也已完善不少；开发效率在之后越发将得到提高；因Vue本身自带其他各方面优质特性，产出的作品各个方面也都大有改进，幸甚。如此，编程才是充满积极意义的。下一步，当朝着前端工程化、自动化方向前进，而这块儿，另一队友目前也正在践行的路上，Go Fighting。以下为一路折腾过来的学习参考：
Vue篇
Vue.js：轻量高效的前端组件化方案 来自Vue作者尤雨溪
Vue官方教程
Vue.js 源码学习笔记来自囧克斯
vue-router文档
Vue 组件化开发实践
mvvm学习&vue实践小结
Webpack篇
一小时包教会 —— webpack 入门指南
webpack-doc(中文文档)
详解前端模块化工具-Webpack
webpack常用配置总结
Webpack 性能优化 (一) 使用别名做重定向
Gulp篇
Gulp开发教程（翻译）
Gulp探究折腾之路(I)
Gulp折腾之路(II)
Sass篇
Sass中文教程
Jade篇
Jade中文教程
原文出处：http:www.jeffjade.com
原文链接：http://www.jeffjade.com/2016/05/08/106-vue-es6-jade-scss-webpack-gulp/
猜你喜欢(/对你有用)的文章
网友评论