vue-cli开发插件

本文档详细介绍了如何创建一个Vue CLI插件,包括遵循命名规范、项目初始化、构建目录结构、发布到npm的过程,并提供了一个简单的vue-cli-plugin-test插件示例。最后,鼓励读者尝试作者已发布的插件。
摘要由CSDN通过智能技术生成

1、 创建文件名

创建一个空的文件夹,名字最好就是你的插件的名字。
为了让一个 CLI 插件在 Vue CLI 项目中被正常使用,它必须遵循 vue-cli-plugin- 或者 @scope/vue-cli-plugin- 这样的命名惯例。这样你的插件才能够:

  • 被 @vue/cli-service 发现;
  • 被其他开发者通过搜索发现;
  • 通过 vue add 或者 vue invoke 安装。
    这里我用vue-cli-plugin-test

2、 项目初始化

npm init

在这里插入图片描述

每行命令代表什么意思可以参考我前面的博客npm init
输入一些基本的信息,这些信息会被写入 package.json 文件中。

3、创建如下结构目录

在这里插入图片描述

  1. 创建一个compontents 文件夹包含组件文件;
  2. 创建一个 button-test 文件夹包含 index.vue (随意写)和 readme.md(随意下ÿ
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值