生成发布包_如何发布NPM包，搭建CLI工具（详细教程）

最新推荐文章于 2024-03-20 09:42:51 发布
最新推荐文章于 2024-03-20 09:42:51 发布
阅读量355 收藏
点赞数
文章标签： 生成发布包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_28871475/article/details/112710805
版权

作者：飘落的枫叶

8bd7af29a52a0b4fa0eceef7ce2c58a1.png

作为一个前端程序猿，大家对NPM肯定都非常熟悉，2009年5月Node.js发布，至此前端就进入飞速发展的时代，安装Node.js的同时，默认安装了NPM，NPM作为目前世界上最大的包管理器，包含超过86万个包，每星期下载量超53亿次。

我们几乎每天都在和NPM打交道，使用着各种各样的NPM包，但是如何自己去发布一个NPM包，或者搭建一个CLI工具呢？本文主要跟大家一起动手来一步一步实现自己的NPM包和CLI工具。

准备工作：安装Node.js-- 下载地址：http://nodejs.cn/download/

下面就跟大家一起来动手实现NPM包和CLI工具

一、NPM包发布过程

1、新建文件夹(myFirstNPMDemo)

F:pm_demo>mkdir myFirstNPMDemoF:pm_demo>cd myFirstNPMDemoF:pm_demomyFirstNPMDemo>

2、执行npm init

执行过程中，根据提示输入相关信息，最终生成package.json文件,设置的name不能为现有的npm包名称，设置之前，可以去npm官网查询是否存在。

//package.json{  "name": "myfirstnpmdemo
罗淡平
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm_发布工具包
weixin_57416330的博客
09-12 99
<script> function fn(x,y){ return x*y } fn(5*8) </script>
发布自己的npm工具包
weixin_43881166的博客
03-16 125
发布自己的npm工具包 1.注册NPM 账号 注册地址：www.npmjs.com/ 2.新建目录初始化项目 npm init 模块名称需遵循相关政策要求:https://www.npmjs.com/policies,模块名称不能和已有npm模块名称冲突 name 模块名 唯一性 version 版本 main 当你用require(‘modulename’)引用这个模块的时,引用的是哪个文件 keywords为别人搜索到你的包的关键字 author 作者 3.新建index.js 写自己的方法 expo
探索 npm CLI: JavaScript 包管理器的强大力量
最新发布
gitblog_00028的博客
03-20 234
探索 npm CLI: JavaScript 包管理器的强大力量 项目地址:https://gitcode.com/npm/cli npm（Node Package Manager）是JavaScript生态系统中的核心组件，它是一个用于管理和发布Node.js模块的命令行工具。作为一个强大的包管理器，npm使得共享和复用代码变得极其简单，从而推动了全球开发者社区的繁荣。 项目简介 npm CLI...
发布包npm工具包步骤
graciedu的博客
04-12 324
发布包npm工具包步骤
发布自己的npm包
wang993828743的博客
08-27 185
发布npm包 npm是javascript著名的包管理工具，是前端模块化下的一个标志性产物 简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率 如何发布一个自己的npm包 1、创建一个npm的账号 发布包之前你必须要注册一个npm的账号 2、初始化一个简单的项目发布 1、本地创建一个文件夹：例如：tools 2、执行命令进入目录: $ cd tools 3、执行npm init 初始化项目。默认一路回车就行 默认字段简介： name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复
如何创建一个npm包
Endeavor_No1的博客
09-25 802
以前面试的时候都会有人问，你有没有发布过自己的npm包，那个时候都是一脸懵的状态，今天抽出一点时间来学习一下。 新建一个文件夹，在文件夹里通过npm init 创建一个package.json文件 如果你没有npm账号，就去官网https://www.npmjs.com/注册一个账号 登录 npm login 登录的时候有一个报错 是因为我们把registry指向tao...
mrepo:CLI工具，用于搭建TypeScript monorepo，并带有脚本和生成器
04-04
很棒的Monorepo Generator等
TB-CLI:CLICLI可快速生成TB
04-30
用于搭建TB的简单CLI。 先决条件 操作系统：Linux，OS X或Windows。 Node.js运行时：8.x或更高版本； 建议您使用 。 语 链接 安装与使用 安装 npm install tb-cli -g 用法 Usage: tb < command> [options] ...
servante:用于搭建新幻灯片演示的 CLI 工具
08-04
此自述文件由自动生成 依赖关系 您必须为几个核心输出格式安装 Pandoc。 您将能够很好地构建项目，但它们的构建过程将在开发中失败。 安装 $ npm install --global servante 命令行界面 $ servante --help Usage ...
详解如何使用Node.js编写命令工具——以vue-cli为例
01-20
vue-cli全局安装之后，提供了vue命令和vue init、vue list、vue build三个子命令，通过命令可以搭建基于vue.js的脚手架项目。本文简单介绍一下这些命令是如何实现的。 vue-cli的项目目录 如下图，由之前文章介绍，...
Vue-cli脚手架搭建
01-08
Vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板 一、官方文档 Vue-cli 二、事先安装 得安装node.js和npm 查看版本node -v npm -v 更新至最新版本 npm install -g node npm install -g npm 三、...
从零发布TypeScript npm工具包
大灰狼的小绵羊哥哥的博客
11-19 460
前言 编程工作中，经常会封装一些常用的代码片段，比如如何获取时间，格式化时间等。 不同的团队，不同的业务就会有多个相互独立的项目。 我们可以将公用的一些工具库函数封装成npm包的形式，可以让个人或者团队这些import包就可以直接使用。 1.注册NPM账号 先去官网注册一个账号，填写好账号、密码、邮箱 https://www.npmjs.com/ 2.初始化项目 创建util-sn...
简单制作一个npm包，并发布
千里之行，始于足下！
01-13 5691
大概步骤： 1、登录npm官网（https://www.npmjs.com/），注册一个npm账号 2、制作一个npm的包 3、将包上传或更新到npm 4、在新项目中使用你已经发布的包 步骤一：登录npm官网，注册一个npm账号，然后注册完后，官网会给你发送相关的邮件，你去你的邮箱根据提示进行操作，验证通过即可 步骤二：制作一个npm的包 1、创建一个文件夹，如：npmDemo1 2、进入文件夹npmDemo1，执行命令：npm init，在此过程中你可以一路回车，那么此时你的包名跟你的文件夹名字一样
使用npm发布自己开发的工具包笔记
天界程序员的博客
06-27 464
使用npm发布自己开发的工具包笔记
如何手动创建npm包
more_ro的博客
10-07 833
写在前头: 为什么需要创建npm包,是因为这样可以大大提高代码的复用性,提高开发的效率 那么接下来我们就来创建一个简单的属于自己的包吧.
使用npm搭建Vue cli脚手架
Byte_Dance的博客
09-16 424
文字地址 : https://www.cnblogs.com/tjyoung/p/6832234.html
使用 NPM 发布和使用 CLI 工具
05-12 1061
本文是 Node.js 使用浅谈的三件套之一工具篇，主要讲解了 NPM 命令行接口（CLI）工具发布的教程，适合阅读的对象包括： 不熟悉 NPM 工具 和 Node 脚本 不知道如何制作通用的 CLI 工具 只会简单的发布和使用 NPM 包 温馨提示：这是一篇 2 年前写的相对老旧知识体系的旧文章，只用于新人扫盲。完整的源代码仓库地址 ziyi2/npm-cli-package。 服务篇可查看 基于 Express 应用框架的技术方案选型浅谈。 Node 脚本 在项目中我们经常会用到一些 Node 脚本命
如何创建和发布自定义 npm 包
我的博客，不一样的自我表达
05-25 244
npm 是 Node.js 的包管理器，它允许 JavaScript 开发人员轻松共享打包的代码模块。在本教程中，我们将创建并发布一个简单的 npm 包，它会在控制台中显示一个有趣的引用。\x1b[33m 是一个转义序列，遇到它时会将记录的文本颜色切换为黄色，这样引号会稍微突出一点，\x1b[0m然后重置颜色。许可证——我们将使用 MIT，它允许开发人员对代码做任何他们想做的事情。关键词——帮助人们发现您的包裹的关键词列表。名称和版本是必需的，其他是可选的。版本——包的当前发行版本。名称 -唯一的包名称。
前端脚手架发布 / npm包发布问题汇总
Cvory
09-14 320
问题汇总 No repository field syscall symlink operation not permitted publish报错 远程仓库账号登录 / 密码填错如何修改 npm包本地如何卸载 解析 1.No repository field 报错： 原因：未添加README文件 2.syscall symlink 重现操作：本地调试npm包，使用npm link 报错： 原因：未以管理员身份运行脚本工具（powershell/cmd） 3.operation not permit
Cannot find module 'D:\2023.7.23\gongju\nodejs\node_modules\npm\bin\npm-cli.js'
08-25
根据引用内容可以得知，执行命令`npm config ls`可以查看npm的配置信息。引用中显示了配置文件中的一些配置项，比如cache和prefix。而引用中给出了修改这两个配置项的命令，你可以执行以下两个命令来修改它们： ``` npm config set prefix "D:\gongju\node\node_global" npm config set cache "D:\gongju\node\node_cache" ``` 另外，你还需要在环境变量的path中添加`D:\gongju\node\node_global`，这样安装的插件才能被执行。然而，有一个问题是，即使你修改了配置文件，第三方插件的命令仍然会在C盘中寻找，而不是在你安装的D盘中。为了解决这个问题，你需要将`C:\Users\Administrator\npmrc`复制到`D:\gongju\nodejs\node_modules\npm`目录中，如果`C:\Users\Administrator\`中没有`npmrc`文件，则可以执行`npm config ls`命令来生成一个。 综上所述，你遇到的问题可能是因为找不到`D:\2023.7.23\gongju\nodejs\node_modules\npm\bin\npm-cli.js`模块。这可能是由于配置文件或环境变量设置不正确导致的。你可以按照以上方法检查和修改配置项和环境变量，以确保npm能够正确找到所需的模块。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [记录学习npm私服的搭建与使用以及过程中的坑点](https://blog.csdn.net/qq_23063179/article/details/127285450)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值