素材巴巴 > 程序开发 >

手把手,带你发布你的第一个npm包

程序开发 2023-09-15 21:52:56

我们在编写项目的时候,都会引入很多很好用的工具包,例如VueX、axios、Router、Element UId等。这些包很好用,安装引入也很方便。那如果我们也想发布一个我们自己的工具包,在以后编写项目时,直接引入我们自己的工具包要怎么发布呢?

今天我们就来手把手带你发布你的第一个npm包!!!

编写我们的npm包

首先我们要先创建我们的文件夹,用来存放我们的npm包。我这里就叫01demoz

然后我们要初始化我们的项目,使用npm init命令。输入命令后会在控制台要求我们填写我们的项目信息

npm init
 

 package name: (xxx-plugin)      // 我们的插件名(要求必须是唯一,在npm上无法搜索到的,否则无法上传)
 version: (1.0.0)                // 插件版本
 description:                    // 插件的作用描述
 entry point: (index.js)         // 插件入口,如果我们不设置默认为根文件夹下的 index.js
 test command:                   // 测试脚本
 git repository:                 // 项目代码仓库(可以先不填)
 keywords:                       // 关键词,利于包检索
 author:                         // 作者
 license: (ISC)                  // 许可证协议
 

image.png

编写我们的index.js文件

我们的index.js代码需要exports出来使用,方便我们在使用的时候引入。

exports.printMsg = function() {console.log("This is a message from the demo package");
 }
 

写完就可以进行我们的发布npm包操作了。

注册一个npm账号

我们要发布npm包,肯定要先在我们的npm平台注册注册我们的账号,有了账号才能发布。

https://www.npmjs.com/

注意: 我们要记住我们的账号密码,在稍后的上传中还会用到。

发布我们的npm

npm adduser
 

image.png

image.png


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。