李广宏 随着前端技术的不断发展,Vue已经成为当下比较流行的开发技术,作为前端工程师,积累下来的前端组件越来越多,通过npm发布组件包来复用这些组件,可以有效地提高工作效率。 创建项目并且开发组件 创建本地代码库 Vue脚手架现已经有2个版本,在这里我们选择Vue cli-3.0版本。创建好文件夹后,输入命令$vue create resources,此处无需安装UI框架,安装一个基本脚手架即可。 组件代码开发 进入项目src文件夹,在该目录下创建packages文件夹,里面用于存放插件包,例如,创建一个叫my-button组件。 首先在src\packages\my-button下创建button.vue和index.js button.vue文件内容 |