在npm维护package可以方便版本更新、使用、复用。

这篇文章里会聊从零开始在npm上创建发布package. 简单来说就是：

1. 在本地初始化包。（npm init）
2. 创建内容。（最后规范）
3. 在https://www.npmjs.com网站上注...。
4. 在本地用这个账号登录。（npm login, 再输name,password,email）
5. 发布（npm publish）

以下是详细步骤。

1. install

初装必要环境。

node, npm

2. register

在npm网站创建一个账号。

进入官网-进入注册页面-验证邮箱地址。

3. create

在本地创建一个目录，并进入。

mkdir ...cd ...npm init// 再输入相应信息。

4. adduser

npm adduser

5. login

npm login//有可能是 npm adduser// 再输入账号、密码。

6. 创建基本内容

README.md // 介绍当前package，可以不创建。

index.js // 与package.json里的main值一样。它是作为入口文件的。 再创建package的内容。包文档结构如下：

assets 是用来放置资源。

assets/basic 我个人习惯用来放置基本内容。可以不管。 assets/img 是用来放置图片。 conponents 是用来放置组件。 conponents/vueName 是用来放置当前组件需要的子组件。 conponents/vueName/index 一般是该组件。 lib 所有组件需要的数据资源。 .gitignore 指定需要git忽略的内容。 index 当前包的入口文件。 package 当前包的信息。 README.md 介绍当前包。

当前包的入口文件中index.js文件。在该文件中需要把名组件输出。

// package/index.jsimport first from './src/components/first'import second from './src/components/second'export {  first,  second}

7. 发布

npm publish
    npm ERR! publish Failed PUT 403npm ERR! code E403npm ERR! Package name too similar to existing packages; try renaming your package to '@feigebaobei/secondtest' and publishing with 'npm publish --access=public' instead : secondtest
    
    

issue

// 报错npm ERR! publish Failed PUT 401npm ERR! code E401npm ERR! 404 unauthorized Login first: firstasdfqwer1234npm ERR! 404npm ERR! 404  'firstasdfqwer1234' is not in the npm registry.npm ERR! 404 You should bug the author to publish it (or use the name yourself!)// 解决方法npm config set registry https://registry.npmjs.org/npm addusernpm loginnpm publish// 报错Package name triggered spam detection; if you believe this is in error, please contact support@npmjs.com : firstasdfqwer1234// 解决方法// 改为正常的名字

8. 删除

当前包的作者可以删除。admin角色（24 小时内可删除）

npm unpublish packagename --force

当前团队的拥有者或owner角色。点击删除按钮可把该package从team中删除。

9. 不足

npm还有一些不足。eg:1.协作者不能删除package.2.多个协作者不能同时编辑同一个package.3.无法删除org。4.24h后不可删除该包。

10. 测试

在发布前最后先测试是否能正常工作。我采用的方法是创建一个vue项目把package放在src/components/下。使用相对链接引用。这是开发阶段的测试。若需要在正式测试需要再创建一个vue项目。使用npm i packageName安装该包，再使用包。若通过这2个测试就可以正常使用了。

---

2018/11/06 by stone