如何在npm上传自己的vue组件

我们经常使用 npm install xxx 进行安装第三方依赖包，但是我们并不了解npm包是如何开发上传的，今天就给大家讲解下原理。

首页npm包管理是需要经常使用的，封装自己的组件包，方便使用是有必要的，仅记录发布npm组件包的过程，以备不时之需。

1、首先需要有npm账号，可以直接登录官网https://www.npmjs.com/signup免费注册，注册后一定要进行邮箱验证，否则后面进行组件包发布时候会提示403错误，让进行邮箱核准。

2、在本地新建一个项目，在cmd里输入命令进入项目文件夹；

3、使用npm init 命令初始化当前项目信息，需要填写的信息是：   

"name": "#####",             //包的名称
  "version": "1.0.0",        //版本号
  "description": "仅供测试，别下载",    //包的描述
  "main": "index.js",                    //文件入口，默认是index.js，可修改
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"    //测试命令，可以不填直接回车
  },
  "keywords": [
    "自学php网"                                        //项目关键词，供搜索
  ],
  "author": "###",                            //作者名称
  "license": "ISC",                            //包遵循的开源协议，默认是ISC
   "dependencies": {}

也可以添加完项目名称和版本号后一路回车，知道出现，is this OK？回车后回到文件夹，会多出来一个package.json，里面就是刚才填写的信息。

4、npm 账号登录，用户名，邮箱，密码

5、使用npm  publish发布组件包，发布成功后，会显示，

发布后可以在官网搜索项目名称（如vue_cherry），

6、测试已经发布的包，新建文件夹，通过命令npm install chrry_test安装组件包，打开文件后如下，

以上就是如何在npm上传自己的vue组件全部教程，感谢大家支持自学php网。