资讯专栏INFORMATION COLUMN

如何创建并发布一个 vue 组件

kun_jian / 2499人阅读

摘要:步骤创建的脚手架绑定项目写组件创建组件例如发布展示代码参考参考文档

步骤 创建 vue 的脚手架
npm install -g @vue/cli
vue init webpack
绑定 git 项目
cd existing_folder
git init
git remote add origin http://gitlab.alipay-inc.com/ampg/my-projec.git
git add .
git commit
git push -u origin master
写组件

创建组件 src/components/xxx.vue

例如:






发布
npm publish
展示

代码参考

vue-component-popup

参考文档

Packaging Vue Components for npm

Vue CLI 3

vue-sfc-rollup

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99090.html

相关文章

  • 【手牵手】搭建前端组件库(一)

    摘要:手牵手搭建前端组件库本文梳理如何搭建和构建前端组件库了解几个问题为何需要组件化大部分项目起源都是源于业务方的各种各样的奇葩需求。作者是否私有,需要修改为才能发布到开源协议参考配置添加文件发布时,只有编译后的目录才需要被发布。 手牵手搭建前端组件库 本文梳理如何搭建和构建前端组件库. showImg(https://segmentfault.com/img/bVboZDt?w=1200&...

    waltr 评论0 收藏0
  • 【手牵手】搭建前端组件库(一)

    摘要:手牵手搭建前端组件库本文梳理如何搭建和构建前端组件库了解几个问题为何需要组件化大部分项目起源都是源于业务方的各种各样的奇葩需求。作者是否私有,需要修改为才能发布到开源协议参考配置添加文件发布时,只有编译后的目录才需要被发布。 手牵手搭建前端组件库 本文梳理如何搭建和构建前端组件库. showImg(https://segmentfault.com/img/bVboZDt?w=1200&...

    forrest23 评论0 收藏0
  • 预计今年发布Vue3.0到底有什么不一样的地方?

    摘要:模板语法的将保持不变。基于的观察者机制目前,的反应系统是使用的和。为了继续支持,将发布一个支持旧观察者机制和新版本的构建。 showImg(https://segmentfault.com/img/remote/1460000017862774?w=1898&h=796); 还有几个月距离vue2的首次发布就满3年了,而vue的作者尤雨溪也在去年年末发布了关于vue3.0的计划,如果不...

    fnngj 评论0 收藏0
  • NPM — JavaScript 的包管理器

    摘要:是的默认模块管理器,一个命令行下的软件,用来安装和管理模块,同时也可以管理其他开放式的模块代码。的包管理器可以查看所有可使用的命令。发布记得在推之前先登录要不然会报错。最后需要把文件里面的删除掉要不然上传时会忽略掉打包的文件。 本文主要介绍npm的常用命令,以及如何发布一些常用的js模块化代码到npm上面方便日后的使用,和举例如何把一个vue组件打包发布到npm到最后下载到本地使用的过...

    ZweiZhao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<