1、初始化項目
在項目根目錄下使用一下命令
npm init
這時終端會提示你輸入諸如包名，版本號等信息，如下：
2、新建src文件夾
新建src文件夾之后，把微信小程序自定義組件的index.js、index.wxss、index.json、index.wxml四個文件都拉到src文件夾里面即可。文件目錄如下圖：
3、修改package.json文件
在 package.json 文件中新增一個 miniprogram 字段，指向src文件即可。這是官方文檔發布npm的約束條件。npm支持 微信小程序官方文檔
{ "name": "wx-second-list", "version": "0.0.1", "description": "", "main": "src/index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "weiwei", "license": "ISC", "miniprogram":"src", "repository": { "type": "git", "url": "https://github.com/chenweihuan/secondList.git" }, "keywords": [ "wx-second-list" ], "bugs": { "url": "https://github.com/chenweihuan/secondList/issues" } }
4、發布到npm上
4.1 注冊npm賬號
前往npm官網注冊一個賬號，記好賬戶名、密碼和郵箱（郵箱收到郵件后一定要進行驗證）。
4.2 源切換
這是個坑，估計很多小伙伴都踩過，畢竟國內npm的速度令人感動，所以大家都運行過一條熟悉的命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
但是發布時我們一定要把源切換回npm，而不是淘寶源，當然，直接運行下面這個命令即可解決：
npm config set registry=http://registry.npmjs.org
但是老這樣切來切去有點low啊，這時候nrm就派上用場了，nrm是什么？簡單點說nrm就是專門用來管理和快速切換私人配置的registry的一個工具。
cnpm i nrm -g
安裝好后使用nrm ls命令會顯示如下：
*號在哪個地方就說明現在的源是哪個（我現在處在taobao源），也許你剛開始不顯示*號，但不管顯不顯示，直接運行nrm use npm，然后再npm ls，這時候就發現*指在npm源上了，此時就可以進行下一步了。
4.3 登錄
npm login
4.4 正式發布npm包
在項目根目錄下運行npm publish即可發布，順利的話就直接成功了，當然也可能會遇到問題：
-
第一個就是權限問題，也許報這樣的錯誤
npm ERR! Error: EPERM: operation not permitted，這時候就得使用管路員權限來進行發布了，window + x會看到管理員終端選項，打開這個終端，然后再進行登錄，發布即可。 -
第二個就是名稱問題，就是你的包名在npm上已經存在了，所以在
package.json中將你的包名改成其他的，這樣再發布，應該就沒問題了。
