首页 文章 精选 留言 我的

精选列表

搜索[前端设计],共10000篇文章
优秀的个人博客,低调大师

【撸个前端脚手架】(二)脚手架的开发流程

快速搭建一个脚手架 使用 npm init初始化项目,在package.json文件中添加bin配置,我们设置脚手架的脚本命令名称为 tyro-cli,命令实际执行的文件为 bin/index.js。 创建脚手架入口文件 bin/index.js,并在第一行添加 #!/usr/bin/env node 使用npmlogin与npmpublish发布脚手架 发布成功后全局安装脚手架并执行我们定义的脚手架指令 npm install -g tyro-test-cli tyro-cli 运行成功,脚手架开发完成! :) 脚手架的本地开发调试 现在我们成功发布了一个极简的脚手架到npm仓库。后续进入正式开发阶段,这个阶段脚手架的调试该怎么做呢?是不是需要 编写完代码 -> 重新发布 -> npm -> npm install -g重新安装 ->命令行运行指令? 然后反复进行这套流程呢? 答案当然不是,脚手架本地开发调试有两种方式。前面我们已经了解了脚手架命令其实是链接到了某个具体的执行文件,我们这里tyro-cli命令链接指向的是bin/index.js。所以第一种本地运行调试的方法是在本地包目录下直接执行bin/index.js : 第二种方法是我们在开发阶段无需通过npm进行全局安装,在本地脚手架目录下执行npmlink即可在环境变量中创建一个命令指向当前本地项目中的bin/index.js。接下来我们可以在任何位置执行命令tyro-cli进行运行调试。开发完成后在脚手架目录下执行npmunlink即可删除环境变量中的链接文件,取消与本地脚手架仓库的关联。 脚手架的本地分包开发 如果我们的脚手架需要进行分包开发,如何在一个包中引入其他本地包呢?举个例子,我们现在需要引入tyro-cli-lib模块 在tyro-cli-lib目录下执行 npmlink,npm会在全局nodelib/node_modules目录下创建一个包并指向我们本地的tyro-cli-lib包 在tyro-cli中执行npmlink tyro-cli-lib指令即可,但要注意一点,tyro-cli项目中的package.json文件并没有自动添加对tyro-cli-lib的依赖。 为了避免项目上线前我们忘了给tyro-cli添加对tyro-cli-lib包的依赖,我们需要在package.json文件中手动添加对分包的依赖。 解除本地依赖 脚手架开发完毕后,需要在tyro-cli目录下执行 npm unlink tyro-cli-lib解除对本地模块的关联。在 tyro-cli-lib目录下执行npmunlink删除全局nodelib/node_modules与本地tyro-cli-lib的关联。 最后 写到这里,对脚手架的开发流程做了大体上的介绍,后续会继续与大家分享脚手架开发的具体细节。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册