【前端模块化】npm自己发包一条龙

前端模块化的现在，就像Java使用maven一样，前端组件化有了自己的包管理工具——npm。有了他，前端工程化，简洁又高效！

每一位前端人肯定都想做点组件上传上去，然后在以后的项目里就可以复用，直接拉个依赖就可以了。

今天我们就一起探讨npm发包一条龙，以备每次健忘时翻看使用。

1.注册npm账号

登录官网：www.npmjs.com 注册个账户，这个很easy，在此不用多做赘述了吧（傻子不会，慢走不送~）

2.本地初始化

如果你还没开始码代码，本地空空的文件就可以如下操作：

npm init

会帮你生成一个package.json文件。

{ "name": "abcdemo", "version": "x.y.z", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "happy", "license": "ISC" } 默认字段简介： name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线! version：你这个包的版本，默认是1.0.0。对于npm包的版本号有着一系列的规则，模块的版本号采用X.Y.Z的格式，具体体现为： 1、修复bug，小改动，增加z。 2、增加新特性，可向后兼容，增加y 3、有很大的改动，无法向下兼容,增加x description：项目简介 mian：入口文件，默认是Index.js，可以修改成自己的文件 scripts：包含各种脚本执行命令 test：测试命令。 author：写自己的账号名 license：这个直接回车，开源文件协议吧，也可以是MIT，看需要吧

相信很多前端小可们已经六六地用npm下载vue/react等框架下的组件,其中都自带package.json，直接把你的项目拷进来。

3.本地登录（第一次初始化）

npm adduser

按照提示输入你注册账号、密码和邮箱。当提示“Logged in as xxx on http://registry.npmjs.org/.” 即为创建成功。

4.日常登录

npm login

然后同上，输入账号、密码和邮箱。提示登录成功。

5.代码发布(第一次发布)

npm publish

6.日常发布

npm view abcdemo version //查看现在包的版本 npm version patch //修改x.y.z中z的数字升级，补丁版本 npm version minor //修改x.y.z中y的数字提升，小修改版本 npm version major //修改x.y.z中x的数字提升,大版本 npm publish //版本发布

当然，修改版本号的工作可以直接在package.json文件中修改，然后直接发布。

7.撤销发布的包

1. npm unpublish abcdemo@1.0.0 //删除某个版本 2. npm unpublish abcdemo --force //删除整个npm市场的包 推荐使用： npm deprecate abcdemo@1.0.0 '这个包已经不再维护喽~'

注意事项：

1.发布失败403，可以检查仓库是否被换成淘宝镜像库了，

npm config get registry //如果显示的是“https://registry.npm.taobao.org/”，则执行下面的改一下 npm config set registry=http://registry.npmjs.org //发布成功后再改回来 npm config set registry=https://registry.npm.taobao.org/

2.发布失败404，检查一下账号密码是否正确

3.发布失败400，每次发布提高版本号

npm publish --access public

以上就是npm自己发包一条龙，以后想要发包常回来看看哦！~~~