下面是一个使用脚手架来初始化项目的典型例子。 随着前端工程化的理念不断深入，越来越多的人选择使用脚手架来从零到一搭建自己的项目。其中大家最熟悉的就是create-react-app和vue-cli，它们可以帮助我们初始化配置、生成项目结构、自动安装依赖，最后我们一行指令即可运行…

转眼 2019 了，整体更新下装了啥。 参考 https://github.com/sorrycc/blog/issues/83 。 主 Intellij Idea，辅 VSCode 和 Vim。选 Intellij Idea 的原因是无需安装插件就很好用，另外也是没有时间去折…

在刚刚加入这家公司的时候，技术 Leader就和我说过一件事情，希望能够落地前端的自动化，希望我能够出一个可行方案。而此时，在公司前端团队还非常年轻，但是业务的发展导致团队规模扩大了一倍多。加上 toC业务千变万化，导致各种 bug满天飞。前端自动化测试的成本是非常高昂的，在长…

本文将通过设计一个前端工程化解决方案的实际经验（踩过的坑）来教大家如何设计一个灵活可扩展的前端工程化解决方案。为了让大家更清晰地了解如此设计的前因后果，我将秉承不厌其详（LuoLiBaSuo）的态度讲解从最开始一步步的设计思路和过程。 我们团队最开始开发中后台项目用的是 cre…

19年，又是新的一年，“前端届”，又出了哪些新的“玩意”，今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。 Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手…

之前我写过一篇文章 《打造一个优雅的微信文章编辑器》，那时候是直接 fork 大神小胡子哥 的线上排版编辑器过来揣摩了一番，顺便改了点样式，加了一个代码主题色 Material Dark，就上线了。实际上，项目的代码和体验一直我都感觉挺别扭的，便彻底重构了一番。 接下来，我详细…

Charles，作为mac开发的好基友，不知道大家是否对它的使用姿势了如指掌。相信很多童鞋只是熟悉几种简单的功能，今天为大家解锁几种高级姿势......希望能够帮到大家。 Charles是个啥，相信大家都会知道，如果真有不知道的，请百度之... ... 还有很多场景就不一一介绍…

记得有大神说过，尽量不要注释，除了JsDoc。JsDoc 可以帮助我们通过 JsDoc 的注释风格快速生成 Api 文档。比如 lodash 文档。 API 文档风格主要基于 jsDoc Template ，myJsDoc 就是其中衍生的一种风格。所有样式(包括代码风格) 均可…

自从几年前 Webpack 替换掉了 Gulp、Grunt 后，我们可以明显看到前端项目的工程复杂度越来越高，前端技术迭代速度也越来越快。 大厂也好、培训班也罢，都针对 Webpack、Babel 、ESLint 前端工程工具三巨头贡献出了数不胜数分享和案例。 但是随之而来的是…