作为一名开发，npm包大家肯定用的多了，但不知道大家有没有自己开发过，这篇文章带你从零到一去发布一个插件，超级详细的。

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…

本文我们将学习如何制作一个vue插件，并将其分发到npm上，能够让其他人安装使用. 插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们，因为它们能够以极快的速度发布新功能。 正如官方Vue.js文档中所述，插件的范围没有限制。通常我们想实现的功能有下面5种: 通过n…

npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V ，通过 npm install x 的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管…

为了解决上述问题，脚手架就起到一个至关重要的角色，我们可以通过脚手架来约束好规范，统一的配置，来打通新项目的开发工具链，一方面提升开发效率，一方面则提高项目对接可维护性及新员工熟悉项目简易性。

服务篇可查看 基于 Express 应用框架的技术方案选型浅谈。 在项目中我们经常会用到一些 Node 脚本命令来简化开发的工作量，例如 Element 组件库的 NPM 脚本命令 build:file (使用脚本生成 Webpack 构建的入口源文件)。 为了解决 Node …

在开发项目过程中，通常会用到很多功能和设计相类似的组件，为了避免重复造轮子，我们经常会用到一些第三方组件，比如 vux，vant。但是这样会引入太多没用到的组件，造成打包体积过大。所以我们有必要封装一些基础的组件用于开发。 下面我为大家介绍如何封装vue的toast和dialo…

在根目录下我新建了一个package文件夹去存放我们的组件，并每个组件单独的文件夹管理，目录如图。在组件的文件夹下添加一个index.js文件用来向外暴露组件，方便引用 到这里，一个简单的vue组件库的框架样子就搭建好了，可以按需往packages添加你需要的组件，去丰富组件库…