文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了,npm平台上有大量的优秀包,我们只需要简单几行命令就能下载下来我们想要的东西,不用到处求种,而且版本控制十分方便。如何将自己的组件或者插件
架设私有的npm包管理器 常用搭建工具工具名称说明nexusnexus功能强大,但是部署和配置比较繁琐cnpmcnpm虽然比nexus配置简单,但是需要用到MySQLverdaccioverdaccio使用文件存储包数据,无需安装数据库并且部署简单,只需一行代码就可以部署完成sinopiasinopia已经没有维护了 Verdaccio 搭建私有 NPMVerdaccio 是一个 Node.js
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
原创 2021-04-29 13:56:58
321阅读
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了,npm平台上有大量的优秀包,我们只需要简单几行命令就能下载下来我们想要的东西,不用到处求种,而且版本控制十分方便。如何将自己的组件或者插件发布npm平台上去,方便项目中使用和其他人使用,本文介绍如何将一个组件发布npm平台上去。一、项目准备发布npm平台的包,是一个项目工程,跟我们平时工作中的项目类似,应该有完整的一套构建,开发,测试,打包压缩等步骤,所以应该把这个包当成一个项目来对待
原创 2021-06-20 15:15:55
1323阅读
注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名,包名重复不能提交 创建项目 需要一个package.json文件,这个文件不仅仅是用来标明依赖和npm script脚本,也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多 ...
转载 2021-09-28 14:58:00
257阅读
2评论
制作了一套自己的组件库,并发布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评论
开发React组件 发布npm包 (使用TSDX)运行该命令,会新建组件开发的文件夹。(mylib就是项目名)因为我这边的网速很烂 所以可以先安装cnpm i tsdx@latest -g然后在执行npx tsdx create mylib中途我们会被要求选择一个模版:模版描述basic用于一个TypeScript包,可以开发任何东西,灵活度高react用于开发React组件的包,内置了@type
转载 2021-01-17 19:31:38
1626阅读
2评论
vue组件库开发,做一个像elment-ui一样的,webpack打包,非常好用
原创 2023-10-03 09:04:02
287阅读
报告来源:OSCS开源安全社区更新日期:20220704事件简述NPM是Node.js包管理工具,提供了对第三方Node.js包的查找、下载、安装、卸载等功能。2022年07月04日,OSCS监测发现NPM官方仓库被btwiuse上传了btwiuse、k0s恶意组件包,使用恶意组件包后会在用户电脑上加载名为k0s的远控木马,危害较为严重,OSCS提醒广大开发者关注。详细分析以k0s组件为例,其目录
原创 2022-07-05 12:01:31
81阅读
新建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阅读
简要:这篇文章介绍了如何讲自己的包发布NPM上,马克一下,将来有用 。。。 npm发布发布npm包,更方便以后下载使用。我们已经把插件代码上传到github上面了,那么我们是否可以也做成一个npm发布npm上呢?答案是肯定的,如此一次,我们在需要使用到该插件的时候就可以直接npm i vpay等的实现安装到我们的项目中,岂不是很方便呢?正如文章刚开始提到的文件目录,我们
封装vue组件库的两种方法和形式: 一:是建立一个webpack-simple 项目 二:是在通过vue-cli脚手架建立webpack vue项目,这种项目有点冗余,可是我们对这种项目最熟悉 下面分别介绍两种用法: 一: 1.首先先建立一个vue项目: 通过vue init webpack-sim
转载 2020-02-20 16:24:00
702阅读
2评论
本文描述了如何从零开始,发布一个自己编写NPM Module,并使用Git作为代码管理工具,对Module进行代码管理下文的NPM用户名以npmuser代替,密码以xxx代替Github用户名以gituser代替,密码以xxx代替要发布npm包名以module-name代替1.注册NPM账号NPM既然要发布npm包,那么首先就需要注册npm账号,这样才能将发布npm包2.建立Github仓库所有
原创 2024-05-10 10:15:20
96阅读
解决办法: 首先执行下npm adduser,输入相应的Username、Password、Email: (this IS public) ·······Logged in as 您的Username on https://registry.npmjs.org/. 如果on后面不是https://r ...
npm
转载 2021-07-22 11:21:00
202阅读
2评论
发布npm包注册并在本机添加npm用户(已注册可忽略)完成了上面的步骤之后,我们接下来要在www.npmjs.com注册一个账号,这个账号会被添加到npm本地的配置中,下面命令行将会使用到。//前提已完成npm用户的注册$ npm adduserUsername: your namePassword: your passwordEmail: yourmail@gmail.com如果出现以下错误,可能是你的npm版本太低,通过sudo npm install -g npm升级一
转载 2021-08-13 10:13:57
795阅读
本文作者「海秋」。上篇文章[1]中介绍了如何从 0 到 1 搭建一个 React 组件库架子,但为了一两个组件去搭建组件库未免显得大材小用。这次以移动端常见的一个组件 ​​Popup​​ 为例,以最方便快捷的形式发布一个流程完整的 npm 包。???? 在线预览[2]✨ 仓库地址[3]如果对你有所帮助,欢迎点赞 Star 以及 PR。如果有所错漏还烦请评论区指正。本文包含以下内容:​​Popup​
转载 2022-04-22 15:35:59
990阅读
前端时间做了一个基于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 生成
  • 1
  • 2
  • 3
  • 4
  • 5