手把手教你开发一个vue组件打包并发布到npm包

手把手教你开发一个vue组件打包并发布到npm包
在项目开发中,你一定经常通过npm install安装使用各种各样的npn包插件。那你是否想过自己实现一个npm包呢,本篇文章手把手教你实现自己的npm包。
其他文章有介绍不使用vue init一个项目的方法来发布自己的npm包。弊端是 1.无法确认安装什么样的依赖,只能直接复制使用别人的。2.无法测试,发布成功后只能在另一个项目中安装后看到和测试组件的bug,不断地发布和安装组件修改bug非常麻烦。因此推荐使用vue init webpack-simple初始化一个vue项目来实现。

  1. 第一步:使用 vue init webpack-simple your-project 初始化项目

提示: 不要用 vue init webpack your-project 初始化项目,因为我们就开发个组件,不需要那么多配置,配置多了修改起来也麻烦,webpack-simple足够了。

初始完项目,按照提示输入项目信息即可,然后 npm install , npm run dev 让项目跑起来

你可能感兴趣的:(vue框架,vue.js,node.js,javascript)