创建项目目录后执行npm init按照提示完成初始化项目。 安装。 项目初始化完成后，创建bin文件和commands文件。bin文件为可执行命令入口目录，commands则负责编写一些命令交互。 1.program.parse(process.argv) 可以解析执行init…

不管是什么公司，只要产品数量大于一个，那么单点登录势必是绕不过去的一个问题。作为前端程序员，我们对其虽然接触不多，但适当的了解还是必要的。本文就来谈谈单点登录相关的问题。 了解 SSO，最好具备以下知识。当然，如果不是特别熟，也不影响阅读。 SSO 是英文 Single Sig…

步骤会给出对应gif图,图不动的话建议右键新连接打开. 1.初始化npm并安装对应依赖. 拉取仓储里的物料到本地. 关于物料的管理有很多办法, 这里笔者采用较为简单的git仓库建立专有文件夹托管物料, 利用git的 core.sparseCheckout来下载部分文件夹并不是最…

说到前端部署，可能大多数前端工程师在工作中都是使用的公司现成的部署系统，与SRE对接、一起完成前端的部署操作。如果我现在给你一台新注册的云主机，那么你应该怎么做才能把一个前端工程部署到一台云主机上，成为一个可以访问的网页呢？今天我们就来聊聊前端的部署~ 首先，一个前端工程要变成…

这里我谈论的不仅仅是服务器端构建 web 组件, 而是你能用来构建服务器的 web 组件。

Docker 可理解为跑在宿主机上的非常精简、小巧、高度浓缩的虚拟机。 它可以将容器里的进程安稳的在宿主机上运行，之前我也有写过一些关于docker的文章，在这我就不做过多的介绍了，如有需要请自行查看我之前的文章即可，接下来我们通过项目来了解并使用 docker 在这里我使用 …

通过上篇文章《自动化 Web 性能优化分析方案》的分享想必大家对“百策系统”有了初步的了解。本文将向大家介绍自动化性能分析使用的核心库——Puppeteer，并结合页面登录场景，介绍 Puppeteer 在百策系统中的应用。 Puppeteer 是一个 Node 库，它提供了一…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

有了之前的基础（前端如何搭建一个简单的脚手架），我们现在可以讲讲一个成熟的脚手架是怎么做了。 这里我们参考vue-cli的源码，基于rollup和typescript一步步搭建。vue-cli作为vue的脚手架，给如此多的前端开发者使用，已经算是成熟了吧。 现如今，webpac…