1. 创建npm账号 📝🔑
- 官网:www.npmjs.com/ 🌐
- 创建账号入口:www.npmjs.com/signup 📝
如果之前没有npm账号,需要先创建一个npm账号,后面有用到哦!📝✨ 如果已经有账号,这一步可以忽略。🚫
2. 创建目录 📁📂
- 创建一个新的文件夹,进入该文件夹,并初始化npm包:
mkdir my-npm-package
cd my-npm-package
npm init -y
3. 编写模块 📝💻
- 在该文件夹中创建一个JavaScript文件(比如
index.js),编写一个简单的功能,比如一个简单的加法函数:
// index.js
function add(a, b) {
return a + b;
}
module.exports = add;
4. 登录到npm账号:🔑📡
npm login
5. 发布npm包:🚀📦
npm publish
注意,这里有个常见的坑!🚨 如果你按照上面的做法,但发布不上去,还报错,请检查自己的包名。在生成package.json时,name的名称和项目的名称需要保持一致。如果该npm包名&版本号已经存在,会出现如下报错,此时需要重命名你的package.json中的name。🔍 即使你在npm官网没有搜到你预设的包名,它可能也已经被发布占用过,需要重新考虑一个唯一的包名。💡 我在上传的过程中也遇到了这个问题,所以,我把package.json中的name改为了meta-npm-demo。包名一定要是唯一的哦!🔑
npm ERR! code E403
npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/@clem_b%2fweather - Forbidden
npm ERR! 403 In most cases, you or one of your dependencies are requesting
npm ERR! 403 a package version that is forbidden by your security policy, or
npm ERR! 403 on a server you do not have access to.
6. 在项目中使用npm包:📝💻
- 在你的项目中运行以下命令安装你刚刚发布的npm包:
npm install my-npm-package
- 在项目中引入你的npm包,并使用你的功能。将
index.js的内容替换成:
const add = require('my-npm-package');
console.log(add(2, 3)); // 输出结果为 5
- 在命令行中运行:
node ./index.js 🏃♂️
这样,你就能看到你发布的npm包在项目中的运行结果啦!🎉