前端探索之工程化

前端工程化

软件工程化关注的是性能、稳定性、可用性、可维护性等方面，注重基本的开发效率、运行效率的同时，思考维护效率。工程化是一种思想而不是某种技术。

前端技术日新月异，前端复杂度日益增加。前端开发从刀耕火种的时代进入信息化、智能化时代。

我们最终的目的是基于业务需求，提高应用体验，提高开发效率，降低开发门槛，降低维护成本。

工程化配置

如何更高效率、更高质量的为用户输出体验更好、能力更多的页面。

我们应做到以下几点：

设计规范化

代码模块化

功能组件化

开发流程化

webpack

webpack为我们提供了代码编译、压缩、打包、分割等功能，方便了我们的开发。

nodejs

我们可以使用nodejs来启动项目，配置热更新等。

eslint

制定代码规范，便于团队协作，降低后期维护难度。

可使用命令来检查代码是否符合规范。

jest

编写单元测试，保证系统的稳定性。

单元测试：

husky

代码上传的钩子，保证代码质量，便于后期维护。

proxy

设置代理，方便开发环境下前后端调试。

pwa

配置PWA。

无代码编程

无代码编程即通过可视化操作，生产出自己所需的应用。一般就是页面的拖拽，自定义配置，完成开发。

为此，我们需要储备脚手架、组件库、模块集等。

无代码编程降低了开发门槛，让非专业人员也能开发自己的应用。

前端工程化使我们可以高效开发出高质量的应用，而且我们也一直围绕着这个初衷在探索，相信以后会更加智能化。

技术只是工具，创造才是追求。

下次将介绍 多页面、typescript、react（vue）的配置，实战一个简易管理系统。