头图

创建文件夹

创建文件夹,比如:dc-vant-form -> src
你的组件应该在src文件夹下,比如是表单组件,那么可以在src文件夹下创建dc-vant-form文件夹,将组件放入dc-vant-form文件夹下,最终生成的文件夹是这样的
image.png
image.png
在发布npm之前,要将本地npm镜像源切换到npm

// 查看当前源
npm config get registry 

// 切换镜像到npm
npm config set registry=https://registry.npmjs.org

注册

在登录之前,如果你没有npm账户则需要先注册npm账户,官网:https://www.npmjs.com/
注册账户的过程中,npm会让你填写邮箱并发送确认邮件到该邮箱,你需要打开邮件,将邮件中的验证码输入到确认框。

登录npm

npm login

系统会让你输入用户名、密码(输入不可见)、邮箱,输入完邮箱后会发送一个验证码到邮箱,接着输入邮箱中的验证码,出现Logged in as xxx on https://registry.npmjs.org/. 表示登录成功。
image.png
在发布之前,要先确保项目中有package.json文件,只有package-lock.json会发布失败。
通过npm init生成package.json文件,在生成过程中,系统会推测你填写的默认信息,比如:项目描述、测试命令、入口文件、git地址、许可证、作者等信息。

字段描述
description描述
keywords字符串数组,用于搜索包
license指定许可证
repository代码托管位置
author作者信息

image.png
生成完成后,给package.json添加微信官方的根目录指向 "miniprogram": "src"

{
  "name": "dc-vant-form",
  "version": "1.0.0",
  "description": "小程序自定义表单",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "DCodes-wangfan",
  "license": "ISC",
  "miniprogram": "src"
}

生成后推送即可

// 推送
npm publish

更新npm

更新npm需要更改package.json中的version版本号,否则会报错
image.png
比如现在是1.0.0,那么更新后版本应该是1.0.1,版本号是你自己定义的,只要不合历史版本重复即可。
更新完版本后重新推送
image.png


兔子先森
466 声望556 粉丝

致力于新技术的推广与优秀技术的普及。