前言一直想实现一个组件库,花时间在施工前花点时间才能制作一个库。当真正实现它时,将会出现各种问题。幸运的是,它们是逐步解决的。
技术准备:vue2.x,vuetestutils(测试),Vuepress(文档)其他准备工作:NPM帐户,阿里巴巴云服务器,域名等。
在Vue-CLI初始化项目的帮助下,施工过程是初始化的,我的选择是Sass,Jest(测试)等。该项目在脚手架的帮助下将自动安装官方文档;
在其中添加以下命令
目录结构编写组件以下以按钮代码为例,CSS省略了
导出相应的按钮
接触组件和本地暴露于单元测试的组件。有关更多详细用途,请参阅Vuetestutil的官方文档配置Jest.config.js文件
按钮组件上的默克测试
使用Vuepress在此处编写组件文档(也选择了Stroybook)以参考我的其他文档,请单击此处访问默认服务器,您已经拥有服务器并对Nginx有一定的了解。请使用命令包装文档。包装的文件将在文件夹下方,并且包装文件放在与其云服务器相对应的目录中。相应的nginx(不同人的不同配置,这里不再扩展)本质
NPM发布等。这些或多或少是从Internet中找到一些参考文献,但它们与自己项目本身的情况有所不同。只要您大胆地尝试,它将始终得到解决。在此组件库的开发时间段,我指的是多个集体价格库和文档来解决我遇到的问题。我希望在这里见到你并为您提供帮助!