按照官网的指引
- 初始化一个包
npm init
按照顺序填写内容
- 命名
- 版本
- 描述
- 初始文件 (默认index.js,设置可以更改)
- 测试,(这里没有直接enter跳过)
- git 地址,(同样没有)
- 关键词 (谁便写俩)
- 作者 : 例如 lw
- 开放协议,enter+yes,同意
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b8c384cf4394a87018704af70e1daf2c.png#pic_center)
- 写初始文件 index.js
- 创建components文件夹,包含两个vue组件:如lwButton.vue
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4df51c99173d17a6f9bcefea912ccb1b.png#pic_center)
<template>
<button>老王的按钮</button>
</template>
<script lang='ts'>
export default {
name: "LwButton",
};
</script>
import lwButton from "./components/lwButton.vue";
import lwSwiper from "./components/lwSwiper.vue";
const components = [lwButton, lwSwiper];
export default {
install: (app: any, options: any) => {
components.forEach(item => {
app.component(item.name, item)
});
}
}
- 在官网https://www.npmjs.com/ 注册npm 账号 + 邮箱验证
- 解决git代理依赖
- 配置npm代理
npm config set proxy=http://127.0.0.1:8580
- npm login 进行登录
- 登录的时候需要使用npm的本地镜像来登录
npm set registry https://registry.npmjs.org/
- 使用nrm:
nrm use npm
npm publish
发布- 更新发布,修改package.js 的 version 版本号,重新
npm publish
- 从新复原npm config set proxy null
- npm config set https-proxy null,
- nrm use taobao
使用
- 像正常一样,
npm i +包名
- 在main.ts 当中 .use();
- 在页面中可以使用组件了,
- 名字就是export default {name: “LwButton”,}; 当中的name
- 使用就是 或者