记录自己发布的第一个npm包

前言：
根据业务需求要纯前端做一个中国的省市联动下拉，还要额外加上几个外国的大洲，那么自己找了个npm包是只有中国的省市，额外加上外国几大洲的话自己要修改别人的npm包再发布。

一、拥有中国省市联动的插件包

npm包名：element-china-area-data
https://www.npmjs.com/package/element-china-area-data

GitHub地址:https://github.com/Plortinus/element-china-area-data

二、把github上面的代码clone到自己本地进行修改开发

git clone https://github.com/Plortinus/element-china-area-data
看懂别人的插件源码，然后修改了相应的地方之后测试，最后进行打包。

1、修改代码：

2、打包：
npm run build

三、修改package.json里面的名称、描述、作者、版本号

四、npm login 输入用户名,密码,邮箱

如果你没有还没有注册npm账号的话请先注册。
1、进入网址: https://www.npmjs.com 注册一个npm账号
2、**邮箱，一般你还没**会有提示
3、如果登录有报错有可能是源出错,因为国内用的是npm的淘宝镜像,登陆需要切换到npm的官方源,命令是npm config set registry https://registry.npmjs.org

五、运行 npm publish 上传自己的代码到npm

（如果有报错就自行把报错代码贴到百度查找原因）
1、打开npm网站,就能看到自己的包了；或者直接在npm网站搜自己刚才自己修改package.json里面的名称，收到就所以发布成功了。
2、回到自己公司开发的项目，npm install 包名 安装自己发布的npm包
3、在组件引用处修改import的npm包名

---

参考：
https://blog.****.net/qingzhizhenhun/article/details/87457317