1.注册一个npm账号( www.npmjs.com/signup 前往NPM官网进行注册),并通过邮箱验证
2.创建项目文件夹,这里叫 toolslibrary-wangs
3.进入该文件夹,npm创建项目
(1)npm init 命令,创建package.json
{
"name": "mynpm", *//name就是包的名字,一般不用改*`
"version": "1.0.0", *//版本号*`
"description": "", *//描述。比如:这是我的第一个npm*`
"main": "index.js", *//入口文件【只能有一个】*`
"scripts": { "test": "echo \"Error: no test specified\" && exit 1" },`
"keywords": [], *//关键词,用户可以通过这些关键词搜索到包*`
"author": "", *//作者*`
"license": "ISC" *//版权* `
}
(2)入口文件设置为index.js,因此,新建该文件,并写入自己的方法库代码。格式如下:
let ToolsLibrary = {
addThese(a,b){ // 举个栗子,加法
return a + b;
}
}
export default ToolsLibrary;
(3)到这里,就完成了一个简单的类库源码
4.将该类库上传到npm官网
(1)npm adduser 或 npm login 执行命令,用最初注册的账号登录npm
报错举例:
这是因为你用的是淘宝镜像,解决方法:
a.检查仓库是否被设成了淘宝镜像库, 如果输出了下面淘宝镜像
npm config get registry,输出:registry.npm.taobao.org/
b.如果是淘宝镜像,则设回原仓库
npm config set registry=http://registry.npmjs.org
c.库发布成功了在设置回去
npm config set registry=https://registry.npm.taobao.org/
(2)npm publish 发布命令
报错举例:
404——账号没通过邮箱验证,可通过官网提示去验证
(3)如果发布成功,如下:
5.类库更新
(1)在package.json中修改版本号
(2)发布 npm publish
6.使用自己的类库
(1)安装依赖命令 npm i toolslibrary-wangs@版本号
例如:npm i toolslibrary-wangs@0.0.1
(2)在需要使用的代码中引入 import ToolsLibrary from 'toolslibrary-wangs';
(3)使用 ToolsLibrary
举个栗子:
add(){
let m = ToolsLibrary.addThese(1,1);
console.log('mmmmmmmmmmmm',m);
}
(4)如果库被更新,可能需要先卸载旧库 npm uninstall toolslibrary-wangs@0.0.1
可能还需要把node_modules删了,重新npm install
再安装新版本 npm i toolslibrary-wangs@0.0.2