![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
脚手架
文章平均质量分 93
前端筱园
专注于前端技术领域,定期分享个人原创作品
个人网站:www.dengzhanyong.com
微信公众号:【前端筱园】不错过我的每一篇推送
展开
-
脚手架开发(3) - 执行阶段
点击查看脚手架系列文章总览【正在更新】个人网站:www.dengzhanyong.com关注公众号【前端筱园】,不错过每一篇文章脚手架的第三个阶段:执行阶段,本篇文章以脚手架初始化项目命令为例进行讲解。前言对于脚手架的每个命令的执行,都拆分成了独立的 npm 包来执行,执行相应的命令时,会将对应的 npm 命令包下载到本地缓存中,若缓存中已存在但非最新版本,也命令的注册阶段会帮我们完成自动更新。然后执行本地缓存中的文件即可。为了方便调试,支持传入本地路径,如果符合条件,则会执行本地代码,对.原创 2022-02-08 16:34:47 · 765 阅读 · 2 评论 -
脚手架开发(2)-注册阶段
点击查看脚手架系列文章总览【正在更新】个人网站:www.dengzhanyong.com关注公众号【前端筱园】,不错过每一篇文章在上篇文章,已经完成了第一个阶段:准备阶段,在准备阶段做了许多基础工作,目的为保证满足脚手架的运行环境。现在开始进入第二阶段:注册阶段,主要功能是完成命令的解析,以及命令的动态加载的实现。前期改造首先介绍两个常用的脚手架命令行交互工具包:yargs、commander他们给我们在开发脚手架提供了极大的方便,功能大致相同,本篇文章使用的是 commander 作为.原创 2022-01-04 21:10:07 · 1121 阅读 · 1 评论 -
脚手架开发(1)-准备阶段
脚手架的基本原理点击查看脚手架系列文章总览【正在更新】个人网站:www.dengzhanyong.com关注公众号【前端筱园】,不错过每一篇文章初始化项目1. 创建项目文件mkdir steamed-clicd steamed-cli2. 使用lerna初始化项目lerna init项目默认结构如下:C:.| .git│ lerna.json│ package.json│└─packages在此基础上需要进行一些改动:删除 packages 目录, p原创 2021-12-27 19:07:12 · 835 阅读 · 0 评论 -
脚手架的基本知识
脚手架的基本原理点击查看脚手架系列文章总览【正在更新】个人网站:www.dengzhanyong.com关注公众号【前端筱园】,不错过每一篇文章什么是脚手架可以理解为是用来提高项目整个流程的工具,从初始化到开发,再到构建部署等。在整个过程中会帮我们完成一些比较复杂,且与实际业务并不太相关的工作。脚手架的作用或必要性自动化:创建项目,运行,构建,部署;这些事情都可以用过一句简单的命令完成。标准化:模板标准化;开发规范标准化;发布流程标准化;数据化:安装原理以 vue-cli 为例原创 2021-12-13 21:43:26 · 1559 阅读 · 0 评论