npm 上传一个自己的应用(2) 创建一个JavaScript函数并发布到NPM

妖狐艹你老母 2024-04-22 07:26 71阅读 0赞

上文 [npm 上传一个自己的应用(1) 搭建一个项目环境][npm _1_] 带着大家创建了一个项目环境  
我们打开  
![在这里插入图片描述][04a6691af76f4ceba040ff75706c0a66.png]  
看json的配置 我们入口是一个叫 index.js 的文件  
![在这里插入图片描述][cf30fba6981c4904a49bd07337a92958.png]  
那么 我们就要把它创建出来 之后 我们的方法也就要写在这里面  
和 json同一个目录 创建 index.js  
![在这里插入图片描述][0b19ad2cb4f04e528c79b1ace230dfc5.png]  
我们这里 写个简单的求和操作  
index.js编写代码如下

const summation = (a,b) => {
        
        return a+b;
    }
    
    export {
        
        summation
    }

这里 我们写了个 summation 函数 接受两个参数 分别是代理名 a b  
然后 返回 a 加 b  
最后导出这个summation函数

写好之后 我们终端执行

npm install -g

这个指令可以检查我们的代码是否报错  
![在这里插入图片描述][08f82d0aad504a149771d70147da3300.png]  
这里 明显是没问题的

然后 我们执行

npm link

npm link 是一个 npm 命令，用于在本地开发环境中将一个本地目录链接到全局 npm 模块中。它可以帮助开发者在本地测试和调试自己的 npm 模块，而不必每次都手动进行安装和卸载。当你在本地开发一个 npm 模块，可以使用 npm link 将其链接到全局模块中，然后在其他项目中像使用全局模块一样使用它。这样可以方便地进行本地模块的开发和调试。  
执行完之后 会生成一个 package-lock.json  
![在这里插入图片描述][a34f3b42ec184c09a28ab4e5c249e143.png]  
然后 我们来登录npm

npm login

然后 它会先后弹出 三次输入  
Username 用户名  
Password 密码  
Email 注册时用的邮箱  
然后 它会给你的邮箱发个验证码 然后输入验证码  
它输出 一串地址 说明就连接成功了  
![在这里插入图片描述][4567f31e41f043f89de68c8f36c0ee5b.png]  
连上之后 我们执行

npm publish

发布上去  
![在这里插入图片描述][beb64029d11045699e383abb67e6b545.png]  
然后 我们访问npm官网 [https://www.npmjs.com/][https_www.npmjs.com] 然后登录上去  
![在这里插入图片描述][c8adad3424f44b1c8e3fb1c7f18849f3.png]  
点击自己的头像 选择 Profile  
![在这里插入图片描述][250c41b3a3ed4d929ea869a7b4920270.png]  
![在这里插入图片描述][2981aac42b8f46799de1ca890daad652.png]  
我们注意看下图指向这个名称  
![在这里插入图片描述][68794e1dccbe421fb5d07d8b0452cb79.png]  
就是 我们json中定义的这个name 项目名称  
![在这里插入图片描述][5d81ef846eb04cad9ff84b839e2f6380.png]  
点击进来之后 就可以看到 安装这个工具的指令  
![在这里插入图片描述][0a6bec8ed8724a4b85edf0f1fc774331.png]

[npm _1_]: https://blog.csdn.net/weixin_45966674/article/details/136008953?spm=1001.2014.3001.5501
[04a6691af76f4ceba040ff75706c0a66.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/60a72a0f51d44b938e62582400926970.png
[cf30fba6981c4904a49bd07337a92958.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/8f2d4af99f804959b6764181cb3dc967.png
[0b19ad2cb4f04e528c79b1ace230dfc5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/6f04b3266e33407192d08323f3fb477f.png
[08f82d0aad504a149771d70147da3300.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/29292cf14e9b4f668e2a857ac0c8b5b6.png
[a34f3b42ec184c09a28ab4e5c249e143.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/0fd75e1f93c94e328ecb66c1980cd371.png
[4567f31e41f043f89de68c8f36c0ee5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b46ce8b134f94336a965f5c198a5b2e0.png
[beb64029d11045699e383abb67e6b545.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/15ed5493ca0944a2bf8fbc498f2d3650.png
[https_www.npmjs.com]: https://www.npmjs.com/
[c8adad3424f44b1c8e3fb1c7f18849f3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/01c75c07efe347d081bd1118e94f9078.png
[250c41b3a3ed4d929ea869a7b4920270.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/77d114a17e6d4ffc8af85862bacb3435.png
[2981aac42b8f46799de1ca890daad652.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/cc9e614210cd4c2aa62892af6302b42c.png
[68794e1dccbe421fb5d07d8b0452cb79.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ee9d9f1f7e644581a530cbf24e127da1.png
[5d81ef846eb04cad9ff84b839e2f6380.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/6c3e25affb20452f88119700d079d5ec.png
[0a6bec8ed8724a4b85edf0f1fc774331.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ef466ac1054140deb1c61a2cc2e95b81.png