禅思院

工程化目录引导

记录一次安装过程。

入门vue3 必要知道的一些事情写在前面的话尤雨溪发布了VUE3.0.2版本，而我因为工作的量太大等各种原因，姗姗来迟,本人通过vue2 和vue3 对比 快速了解和认识和上手!先说说vue2响应原理使用Object.defineProperty方法实现响应式数据， Object.defineProperty 将对象属性转化为 getter/setter。Object.defineProperty 有缺点就是无法监控到数据的下标变化，从而导致了无法通过数组的下标来修改数组值，无法相应。 原理

git 开发小记

写在前面的话话说我为什么突然想写这篇文章呢？是有前奏的，在一次项目的重构的过程中，让我发现，代码的质量无法保证，后期的bug各种花样，测试精疲力竭，抱怨开发，开发抱怨项目负责人。来回的踢皮球！有人说，框架构建的时候，不会控制代码规范吗？严格控制编码校验吗？比如前端js,html，css等代码检查工具，通过这些不就控制啦吗？话虽如此，但是，这些工具也不是万能呢？前期开发，是团队的配合，每个人都好自...

定制团队eslint前言ESLint介绍作用配置方式配置参数[主要针对第二种方式]Rules 说明结尾语前言我们都知道，javascript 是一门动态弱类型语言。现在平台、环境等各种因素，很复杂，造成团队之间的风格，各种各样，有时候也会出现不可避免的错误，造成的排查力度大，团队维护难，团队合作差等等。然而ESLint的出现，帮我们团队解决了代码统一，风格统一等的问题，让我们能在编译中发现代码错误的工具，在团队协作中，避免低级 Bug，产出风格统一的代码。从而提高团队的凝集力。对外让人感觉很正规的印象。

前端工程化研究前言随着互联网的迅速发展，这几年进化速度之快让人咂舌，很多前端工程师都不禁吐槽“学不动了”。如今前端可谓包罗万象，产品形态五花八门，涉猎极广，各种各样的框架和库，随着web业务日益复杂化和多元化，UI的要求变高，从WebPage模式为主转变为WebApp模式，也从有混合模式开发到分离式开发的转变，对前端工程师的能力越来越来高，能力和层次已经不是 HTML、CSS、JS 前端三剑客仗剑那个时代了，我记得在15年的时候我在上海，当时JS 框架以 jQuery 为主，less 基本都不用，而我

本文从实战出发，初步单间一个为 turbo的基础项目工程项目，本文我估计，是全网唯一一个手把手第一次真正从0到一的完整的教程，纯属个人见解，因为我没有看到像我这么全的！，本文旨意在搭建一个vue3的组件库，后面还有更多的文章信息，我也不知道后面文章什么时候更新，本人很赖！希望搭建鼓励鼓励我！

一个好的工程化项目，必然有一个好的文档管理，这样才算称得上一个好的工程化，也大大提高后面的工作和文档查找的效率！

我们在使用第三方各种UI库，比如element、ant design等提供的ui组件，发现他们打包万变不离其宗，看似复杂其实也不复杂，只要明白其中的原理，抽丝剥茧，就很简单啦！本文接上文的工程项目，进行接下来的工作。当然一个人还是很难和大厂推出的产品进行对比，但是我们不是为了对比，我们是为了提高自己，让能力更近一步。很多博客上博主也有很多讲解rollup的网站不是对api的详细抄袭就是对api文档的解释，基本上没有实战的教程；纯属个人见解，感觉写的很模糊，没有实战性！

本来不想写用的插件单独列出来介绍的，考虑再三还是写吧，正好好好真正的在加深一次印象吧！

接上文的全网最详细的从0到1的turbo pnpm monorepo的前端工程化项目[组件篇二]，进行详细编写rollup打包脚本

在这实现第一个组件space[间距]到这里，第一个间隔组件开发完成啦，很简单，按照自己定义的打包规则去处理自己的组件，所以在规则下，开发组件就像自己的开发页面一样，唯一的就是开发组件要有统一的设计和思考，不然长时间下来很难把控。

这篇针对进行对编写组件进行单元测试是一个用于在 Node.js 环境中模拟浏览器环境的工具库，它可以让你在 Node.js 中运行一些浏览器特定的代码，比如 DOM 操作、事件处理等