npm如何上传自己的包(代码片段)

zhangjixiang123 zhangjixiang123     2023-01-12     135

关键词:

作为前端攻城狮,npm是会经常使用的一个工具,我们会使用各种npm来下载各种各样的依赖包来构建项目,那么有个问题,为什么我们不能npm把自己包上传上去,通过npm下载下来呢?

首先,我们需要一个npm的账号。这个可以直接登录npm官方网站去注册,免费的哦。https://www.npmjs.com/signup

注册完成之后,我们新建一个项目

技术分享图片

然后一路回车到底,你会发现你的项目文件夹多了一个 技术分享图片

点开后

  "name": "npm-test111",
  "version": "0.0.1"

这两个是必须要填写的,第一个是包名,第二个是版本号。

然后终端进行npm 登录,如果你以前使用过npm淘宝镜像的下载链接,这个时候要将下载链接设置回来 

npm config set registry http://registry.npmjs.org 

然后 npm login ,会要求你输入用户名、密码和邮箱,根据你注册npm的时候输入。

技术分享图片

出现最下面的一行,就说明登录成功了。

登录成功后,就可以进行发包了,要注意一下,你发布的包名不能和npm现有的包名重复,可以去https://www.npmjs.com查询一下你设置的包名有没有存在的,没有存在的就可以发布了。

技术分享图片

出现下面这行就说明你发布成功了!不放心的朋友可以随便建个文件夹,然后 npm install 你的包名 测试一下。

详细了解如何在npm上发布自己的包?(代码片段)

大家好,我是纸飞机,想必大家都在项目中经常会使用npminstall、yarnadd、cnpminstall等安装包的命令吧。那么大家好奇过,这些包都是怎么来的吗?不用迷茫,本篇文章就为你揭秘他们到底怎么来的并且手把手教... 查看详情

npm如何测试自己本地的包(npmlink,npminstall./package)(代码片段)

最近在写学习rollup如何配置打包生产环境。rollup定位是用来打包代码库的,Vue,React等著名的前端框也是基于rollup来打包的。但是在发包之前,是需要对包进行安装测试的。(这里的测试分单元测试和安装测试)目... 查看详情

npm包管理工具(代码片段)

...的命令行程序到本地使用。可以自己编写的包或者命令行上传到NPM服务器供别人使用。可以吧NPM理解为前端的Maven,通过 查看详情

在npm发布属于自己的包(代码片段)

...的npm包,有兴趣的可以看下链接地址1.目录结构创建自己的包结构,必须包含入口文件、package.json、README.md文件2.文件解读入口文件:主程序或导出的方法package.json:须包含包名、版本号、包的介绍、入口文件地址、关... 查看详情

在npm发布属于自己的包(代码片段)

...的npm包,有兴趣的可以看下链接地址1.目录结构创建自己的包结构,必须包含入口文件、package.json、README.md文件2.文件解读入口文件:主程序或导出的方法package.json:须包含包名、版本号、包的介绍、入口文件地址、关... 查看详情

在npm上发布一个自己的包(代码片段)

...具体过程就不说了,很简单。然后最重要的就是要准备好自己要发布的项目包。发布如果是一个新项目,就要先初始化一下$npminit跟着引导填写好相关信息即可然后需在在本地添加npm用户,填上对应的注册信息即可$npmadduserUsername:y... 查看详情

如何发布一个npm包(基于vue)(代码片段)

...的时候总是使用别人的npm包,然而我有时心底会好奇自己如何发布一个npm包呢,什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。前提:会使用npm,有vue基础,了解一点webpackAreyouready? Go! 目录编... 查看详情

04npm命令大全(代码片段)

...方包到本地使用。允许用户将自己编写的包或明显杭程序上传到NPM服务器供别人使用。二、npm使用前提必须先安装node.js,安装地址官网http://nodejs.cn 查看详情

发布一个npm包(代码片段)

...程序到本地使用。允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。由于新版的Nodejs已经集成 查看详情

npm发包记录(代码片段)

npm可以方便的发布自己的包,由于公司有自己的私服npm服务器,并且自己并不参与实际的发包工作.所以很长时间对发包的事情没有清晰的认识,其实搞清楚之后发现是非常简单的.说一下在npmjs.org上发包的流程.首先需要有npmjs的账户... 查看详情

vuecli3如何更改安装时的包管理器(代码片段)

...项目。如果显示如下yarnserve则表示此项目为yarn创建。2、如何切换包管理器打开C:Userszhong下的.vuerc文件,修改"packageManager":"npm"为"packageManager":"yarn", 查看详情

如何使用npm?cnpm又是什么?

背景介绍 什么是npm?npm(nodepackagemanager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,它是Node获得成功的重要原因之一。... 查看详情

如何在npm上发布自己的包

npm创建自己的包一、一个简单的创建1、创建npm账号官网:https://www.npmjs.com/创建账号入口:https://www.npmjs.com/signup注意:需要进入邮箱验证2、创建目录及初始化$mkdirzqh-test$cdzqh-testzqh-test>npminit3、文件内容及目录结构注意:在生... 查看详情

如何上传一个npm包(代码片段)

好家伙, NPM的全称是NodePackageManager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。  NPM是世界上最大的软件注册表。  1.首先我们去npm官网注册一个账号(证明你是人....)  ... 查看详情

npm常用命令(代码片段)

...理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。1.安装模块npminstall<package>                 安装包,默认会安装最新的版本npminstall<package>@<version>  安装指... 查看详情

npminstall下来的包到底怎么来的?难怪npmjs上会有这么的库!手把手教你做一个完全属于你自己的npm组件库!(代码片段)

...2、Toast组件制作❤️3、css样式和库导出出口🔥三、上传组件库 ❤️1、先将npm源切换到npm❤️2、注册npm账号❤️3、登陆账号❤️4、发布(推送)包 🔥四、使用组件库 ❤️1、npminstall组件库❤️2、使用组件库大家好ÿ... 查看详情

npminstall下来的包到底怎么来的?难怪npmjs上会有这么的库!手把手教你做一个完全属于你自己的npm组件库!(代码片段)

...2、Toast组件制作❤️3、css样式和库导出出口🔥三、上传组件库 ❤️1、先将npm源切换到npm❤️2、注册npm账号❤️3、登陆账号❤️4、发布(推送)包 🔥四、使用组件库 ❤️1、npminstall组件库❤️2、使用组件库大家好ÿ... 查看详情

如何调用 npm 版本(更新我自己的包的版本然后提交)

】如何调用npm版本(更新我自己的包的版本然后提交)【英文标题】:Howtocallnpmversion(toupdatemyownpackage\'sversionandthencommit)【发布时间】:2017-11-0607:58:36【问题描述】:我跑的时候什么都没有发生npmversionminor-m"test"请注意,如果我运... 查看详情