npm上传自己的包以及发布过程遇到的问题

大家好，我是前端追寻路上的【酱酱仔】

作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。

---

前提：本文涉及的命令都是在要发布的包的根目录下执行的，在编辑器的集成终端或者cmd终端执行效果都是一样的【cmd运行要以管理员模式运行哈】。

以下是我npm发布自己的包过程中所遇到的问题汇总如下：

问题一：如何上传自己的包到npm

问题二：npm login和npm publish过程中经常报错 

问题三：npm包更新过程后，不同镜像下npm xx包版本不同 （大坑）

针对以上问题作出以下操作解释说明哈：

问题一：如何上传自己的包到npm

1.1、首先需要去npm官网注册个人npm账号（这里注意邮箱号一定要是可用的）

1.2、其次需要创建npm包 （如果是发布组件可以创建vue-cli包，如果是发布js库之类的可以直接npm init包）

1.3、然后配置npm内配置文件等等

1.4、最终经过测试没问题后可以发布到npm官网

这里我拿封装npm组件为例，演示下操作流程

1.1、npm | Home (npmjs.com) 官网注册账号，有账号的话可以直接登录

1.2、我这里创建vue-cli脚手架，在里面创建npm配置文件（注意也要使用管理员命令运行）

主要是基于使用cli3初始化一个项目工程：
全局安装vue-cli：

npm install -g @vue/cli

创建一个vue项目：

vue create llgtfoo-components-boxs

 

按照以上操作即可，这里基础的我这里不过多解释说明了哈

Vue创建脚手架的步骤（简单详细）-CSDN博客

 如果发现安装脚手架太慢，可切换成淘宝镜像

命令说明