把自己的项目打包上传到npm

第一步：注册一个账号

去npm的官方网站注册一个账号点击打开链接

第二步：初始化

使用npm init初始化一个package.json文件
注意：必须要有这个文件才能上传，npm可以上传任何一个包含package.json的包，
main：(入口)设置为lib/minigui-ui.common.js（名字自取）然后在本目录下建一个minigui-ui.common.js文件
name：表示你这个包的名字只能小写
version：代表版本，每次更新都要修改这里的版本再npm publish
files：包含那些地文件夹和文件

 "name": "minigui-ui",
 "version": "3.0.0",
 "description": "A Component Library for Vue.js.",
 "main": "lib/minigui-ui.common.js",
 "files": [
   "lib",
   "src",
   "packages",
   "types"
 ]

package.json可以在这里了解一下点击查看

第三步：在本地使用命令行连接npm 使用下面的命令，然后按照提示走，密码默认是不会显示出来的

npm login 
//或者
npm adduser

第四步：因为大部分的人npm使用的是淘宝镜像，上传会失败，所以需要替换为原来的镜像 https://registry.npmjs.org/

npm config set registry https://registry.npmjs.org/

再查看是否设置成功

npm config get registry

扩展一下：

// 查看当前配置
npm config list 

// 安装镜像
npm config set registry https://registry.npm.taobao.org/ 
npm config set disturl https://npm.taobao.org/dist

// 删除镜像
npm config delete registry 
npm config delete disturl

第五步：更改了镜像需要按照前面说过的步骤，重新在本地登陆你的npm账户

第六步：上传到NPM

npm publish

第七步：如果上传过程中发现，npm ERR! registry error parsing json 报错

第八步：解决报错方法，删除registry，继续安装模块就可以了

npm config delete registry

第九步：撤销上传

npm unpublish --force

第十步：更新上传后的npm包

• 第一种是你可以手动去package.json里面修改版本号，修改后的版本号必须比之前的大，然后使用npm publish上传

• 第二种是使用npm 命令行工具更新版本号，再使用npm publish 上传，

• 版本号由三位组成 a.b.c，切换到package.json所在目录

• 更新c处：npm version patch

• 更新b处: npm version minor

• 跟新a处: npm version major

每使用一次上面的命令，就在版本号对应的地方加一

注意事项:

你必须使用exports暴露你的方法，如下定义了一个npmTest的方法然后暴露出来，才能在安装这个包之后使用require引入

exports.npmTest = (name) => {
    console.log(name)
}