1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
原创
2021-04-29 13:56:58
321阅读
制作了一套自己的组件库，并发布到npm上，项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue cli 搭建项目 目录结构 内部代码详见 GitHub，如果对你有所帮助，给个star吧 。 项目配置 为了使项目能上传到npm上，需要配置一些地方。 build/webpack.bas
转载
2018-11-07 12:59:00
123阅读
2评论
制作了一套自己的组件库，并发布到npm上，项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list
转载
2020-02-20 16:20:00
172阅读
2评论
新建vue 项目并且在根目录创建两个文件夹 packages和examples。packages：用于存放所有的组件examples：用于进行测试组件，把src改为examples 去掉helloword和assets文件2.配置vue.config.js 并设置入口文件
如果没有vue.config.js文件 就需要在项目根目录下创建vue.config.js文件，并进行如下
原创
2023-12-01 10:40:54
222阅读
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
前言，最近负责vue组件，开始只是零碎的，但渐渐的多了起来，所以考虑做一套组件库发npm上，但是查看资料，基本都是缺胳膊少腿，没有一个是跑完全部流程的demo，所以自己参考资料以后做了一套上传、检测和使用的笔记供需要的参考。（备注：还是不清楚的可以查看视频教程。地址：） 标题：npm 如何发布和使用自定义组件1. 创建组件2. 上传组件3. 删除包4. npm登陆报账号密码错误 1. 创建组件（1
转载
2024-03-25 18:01:40
57阅读
点击图片报名参加广州&珠海源创会iView授权协议:MIT开发语言:HTML/CSS操作系统:跨平台评分：8.2简介iView是一套基于Vue.js的UI组件库，主要服务于PC界面的中后台产品。特性高质量、功能丰富友好的API，自由灵活地使用空间使用单文件的Vue组件化开发模式基于npm+webpack+babel开发，支持ES2015安装使用npm或使用<script>全局引
转载
2021-06-07 21:54:50
446阅读
<template> <div class="inputSearch"> <Poptip padding="0px 0px" v-model="visible" placement="bottom" trigger="none" > <Input @on-clear="clear"
原创
2022-03-10 10:39:41
1554阅读
架设私有的npm包管理器
常用搭建工具工具名称说明nexusnexus功能强大，但是部署和配置比较繁琐cnpmcnpm虽然比nexus配置简单，但是需要用到MySQLverdaccioverdaccio使用文件存储包数据，无需安装数据库并且部署简单，只需一行代码就可以部署完成sinopiasinopia已经没有维护了
Verdaccio 搭建私有 NPMVerdaccio 是一个 Node.js
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-sim
转载
2020-02-20 16:24:00
702阅读
2评论
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了，npm平台上有大量的优秀包，我们只需要简单几行命令就能下载下来我们想要的东西，不用到处求种，而且版本控制十分方便。如何将自己的组件或者插件发布到npm平台上去，方便项目中使用和其他人使用，本文介绍如何将一个组件发布到npm平台上去。一、项目准备发布到npm平台的包，是一个项目工程，跟我们平时工作中的项目类似，应该有完整的一套构建，开发，测试，打包压缩等步骤，所以应该把这个包当成一个项目来对待
原创
2021-06-20 15:15:55
1323阅读
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了，npm平台上有大量的优秀包，我们只需要简单几行命令就能下载下来我们想要的东西，不用到处求种，而且版本控制十分方便。如何将自己的组件或者插件
原创
2022-01-18 10:43:59
362阅读
前端时间做了一个基于Vue的拼图验证组件,因为公司需要,就想着做完之后放到Npm上,方便使用 发布流程如下： 1. 创建一个Npm账号并进行邮箱确认(很重要) 2. 创建一个文件夹,然后 npm init,然后根据你的vue装vue的解析插件,babel转换插件,代码压缩插件,css插件等等... ...
转载
2021-09-12 12:45:00
412阅读
2评论
作者：麦乐 新建项目 初始化一个vue项目 src下面创建一个plugins文件夹，index.js文件，这个文件是组件的出口文件。 npm install @/vue-cli -g npm create vue-components cd vue-components...
原创
2022-04-01 09:45:27
425阅读
plutchar都立秋了啊图片上传无论什么项目，大概都少不了图片上传。作为常见的需求，很多地方会使用到，应该单独封装一个上传组件，方便复用。这里使用 vue + element-ui-upload + 七牛云完成上传前端调用七牛 API现在主流的七牛云上传方式大概为授权式上传，大概为如下过程：请求后端接口获取上传凭证 token(后端通过accessKey，secretKey，bucket 生成
转载
2024-06-18 22:34:13
137阅读
在开发项目时我们往往都需要去封装一些组件出来。封装有这些好处：代码重用、不必关心具体的实现、面向对象三大特征之一、具有安全性。但如果封装的不好，组件的封装会使得维护起来特别麻烦，适得其反，那让我们看看封装组件时应该注意哪些事项吧1.遵循高内聚原则 高内聚：又称单一责任原则，是指一个模块只负责一项任务。在我们组件中体现在一个组件只有一项功能，若是功能太复杂，那我们还需将组件进行拆解抽离。像
转载
2024-06-23 16:30:15
519阅读
gitHub：https://github.com/huanglong6828/vue-tree-grid1，创建treeGrid.vue（将文件放入components中）,其中树型表格的父元素图标不显示，我改了一下（改为ios-arrow-forward和ios-arrow-down），并添加了样式<!--
* @Author: 黄龙
* @pageName: 'tree-grid
转载
2024-03-20 09:43:57
57阅读
如何模块化使用iview框架一.前言废话二.什么是iview三.安装iview四.项目结构五.使用iview 一.前言废话作者是写java的，近几天刚接触vue，处于萌新阶段。希望通过该博客把自己学习开发的过程记录下来一、是为了后面回顾（假设作者后面忘了-可以快速的再走一遍过程）二、是作为一个萌新，学习中遇到的问题也可能是其他萌新会遇到的，希望其他同学能少走弯路。写的不好是必然的，内容只写作者觉
转载
2024-05-23 12:48:55
49阅读
<template><div class="trend"> <span :style="styles">{{str}}</span> <Icon :style="dropdownstyles" v-if="derection=='down'" type="md-arrow-dropdown" /> <Icon :style="dropupstyles" v-if="derection=='up'" type="md-...
原创
2021-07-05 15:56:59
216阅读
注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名，包名重复不能提交 创建项目 需要一个package.json文件，这个文件不仅仅是用来标明依赖和npm script脚本，也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多 ...
转载
2021-09-28 14:58:00
257阅读
2评论
