vue组件开发脚手架（vue-sfc-rollup），开发组件并发布至npm的利器

全局安装依赖

npm install -g vue-sfc-rollupsfc-initOR use via npx
复制代码

临时使用

npx vue-sfc-rollupThen...
复制代码

Fill in prompts

进入项目文件夹

cd path/to/my-component-or-lib
复制代码

启动运行项目

#  - If single component
vue serve ./src/my-component.vue#  - If library
vue serve ./src/lib-dev.vue
复制代码

Run build process

npm run build
复制代码

Ready to publish!

转载于:https://juejin.im/post/5ce65e7fe51d4577407b1c95

vue组件开发脚手架（vue-sfc-rollup），开发组件并发布至npm的利器相关推荐

【封装UI组件库】手把手教你仿一下Element-ui的Button组件（发布至npm）
所谓UI组件库,就是封装了平常项目开发中经常会使用的页面组件,发布至npm库中作为插件供项目组成员及其他开发者使用(不发布也行),目的就是为了避免多次重复劳动. 以插件的形式使用可以做到即插即用,非常 ...
Vue教程03-Vue脚手架开发环境
Vue脚手架开发环境 1.Vue开发环境的安装 1.1安装Node JS 1.2全局安装Vue脚手架 1.3安装HBuilderX 1.4强烈推荐安装以下工具软件 2.HBuilderX创建Vue项目 ...
vue 如何开发封装自己的公共组件库，并发布到 npm 上
一.全局安装 vue-cli 脚手架,使用 vue init webpack-simple yyl-npm-practice 初始化项目初始化项目后 npm install ; npm run de ...
jsx怎么往js里传参数_实践Vue 3.0做JSX(TSX)风格的组件开发
作者:莫夭转发链接:https://zhuanlan.zhihu.com/p/102668383 前言我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React ...
vue 改变domclass_基于 vue 开发甘特图组件的心路历程（兼设计分享）
语雀原文有更好的排版体验~ 这篇文章主要讲述笔者开发 v-gantt 甘特图组件的经过. 起源公司项目有个甘特图的需求. 笔者考察了世面上常见的甘特图组件后,本着我上我也行的心态,以及考虑 ...
三、Vue组件化开发学习笔记——组件化的基本步骤、全局组件和局部组件、父组件和子组件、注册组件的语法糖、模板分离写法、组件的数据存放
一.什么是组件化? 人面对复杂问题的处理方式: 任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容. 但是,我们人有一种天生的能力,就是将问题 ...
vue tree组件_使用Vue 3.0做JSX(TSX)风格的组件开发
前言我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React Hooks以后. 不可否认React Hooks极大地方便了开发者,但是它又有非常多反直觉的地方, ...
vue 刷新echarts_用Vue开发动态刷新Echarts组件（以及修改时遇到的问题）
通过这篇文章我学习了vue集成echarts,尝试了一下demo没问题,但是在修改我预期效果时,却出了一点问题,最后解决思路见最后从几年前流行的jQuery插件,到现在React和Vue的组件,在业 ...
前端开发：Vue组件中的冒号用法
前言在前端开发过程中,关于Vue框架的使用是老生常谈,而且Vue组件的使用非常方便,但是有时候在开发中会忽略一些细节和不经意的知识点,尤其是刚入行的新晋开发者更是一知半解,在对Vue整体使用的时候会 ...

vue组件开发脚手架（vue-sfc-rollup），开发组件并发布至npm的利器

全局安装依赖

临时使用

Fill in prompts

进入项目文件夹

启动运行项目

Run build process

Ready to publish!

vue组件开发脚手架（vue-sfc-rollup），开发组件并发布至npm的利器相关推荐

最新文章

热门文章