前言,最近负责vue组件,开始只是零碎的,但渐渐的多了起来,所以考虑做一套组件库发npm上,但是查看资料,基本都是缺胳膊少腿,没有一个是跑完全部流程的demo,所以自己参考资料以后做了一套上传、检测和使用的笔记供需要的参考。(备注:还是不清楚的可以查看视频教程。地址:) 标题:npm 如何发布和使用自定义组件1. 创建组件2. 上传组件3. 删除包4. npm登陆报账号密码错误 1. 创建组件(1
转载
2024-03-25 18:01:40
57阅读
# 实现npm axios组件更新教程
## 整体流程
下面的表格展示了如何实现“npm axios组件更新”的流程:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 确定当前axios版本 |
| 2 | 查看最新的axios版本 |
| 3 | 更新项目中的axios依赖 |
| 4 | 测试项目是否正常运行 |
## 具体步骤
### 步骤1:确定当前axios
原创
2024-06-23 05:00:04
58阅读
一、NPM介绍NPM是随同的NodeJS一起安装的包管理工具,能解决的NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。二、使用npm install安装模块1.本地安装npm install <
转载
2024-10-12 14:55:09
547阅读
架设私有的npm包管理器
常用搭建工具工具名称说明nexusnexus功能强大,但是部署和配置比较繁琐cnpmcnpm虽然比nexus配置简单,但是需要用到MySQLverdaccioverdaccio使用文件存储包数据,无需安装数据库并且部署简单,只需一行代码就可以部署完成sinopiasinopia已经没有维护了
Verdaccio 搭建私有 NPMVerdaccio 是一个 Node.js
本文介绍如果上传自己写的 npm 组件包到 npm私库上。当你 写好了自己的一个npm的组件想共享上去给别人或者给公司的同事使用的时候,你可以把你的npm组件发布上去 (publish)。不过npm的全局库估计你是上传不上去的,要经过审核,但是你可以上传到你自己公司的私库,搭建私库的教程可以参见 你已经建好了一个公司的私库,这个私库地址是 http://localhost:59
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了,npm平台上有大量的优秀包,我们只需要简单几行命令就能下载下来我们想要的东西,不用到处求种,而且版本控制十分方便。如何将自己的组件或者插件
原创
2022-01-18 10:43:59
353阅读
前言:本篇默认已安装node.js,如果没有安装请先安装(node.js下载地址)。 如果之前安装了vue-cli(1.x或者2.x版本),需要先卸载:npm uninstall vue-cli -g好了,正式开始:1、全局安装@vue/cli:npm install -g @vue/cli如果安装了淘宝镜像,建议使用cnpm下载。 安装成功后,可以通过 vue -V 查看下载的@vue/cli版
转载
2024-07-20 19:34:42
20阅读
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常用命令1、npm -v、npm version在终端上输入以上命令即可查看NPM的安装版本。2、npm init通过npm init命令可以生成一个package.json文件。这个文件是整个项目的描述文件,通过这个文件可以清楚地知道项目的包依赖关系、版本、作者等信息。每个NPM包都有自己的package.json文件,使用这个命令将需要填写项目名、版本号、作者等信息。 在填写完毕后,
npm(Node Package Manager),一个Node的包管理器,平时我们常用的公共模块(插件)或者叫做包大多都放在上面,所以接下来要封装的插件,我们就简单称它为npm包,本文从就从这个简单的例子开始,逐步对它进行封装-发布-更新-扩展-使用,进而到得一个相对完整的npm包,下面开始。npm发布包步骤:1.注册npm账号,记好账户名
转载
2024-05-30 14:57:00
514阅读
以我自己封装的一个npm包为例,用于音频打点切分,展示音频波形图,波形图选区播放等,如下图: 封装过程:1.初始化vue简单模板:vue init webpack-simple audio_wave_plugin
cd audio_wave_plugin
npm install
npm run dev2.创建,目录结构如下:src/myPlugin目录:如果有多个插件的话规范整理src/
转载
2024-02-26 09:45:23
122阅读
FDSF由此带来的变化是,这些前端应用可以独立运行、独立开发、独立部署。以及,它们应该可以在共享组件的同时进行并行开发——这些组件可以通过NPM或者GitTag、GitSubmodule来管理。
原创
2018-08-07 08:59:44
379阅读
注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名,包名重复不能提交 创建项目 需要一个package.json文件,这个文件不仅仅是用来标明依赖和npm script脚本,也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多 ...
转载
2021-09-28 14:58:00
254阅读
2评论
本文记录在使用npm安装依赖包过程中踩过的坑。一般来说,npm安装失败时需要注意下面几点:是否能够访问安装源:检查代理和当前安装源当前的node版本是否兼容已有模块node_modules输入的依赖包名称是否正确npm ERR! code ECONNRESET在使用npm安装node的模块的时候,经常会出现下面的一些错误:npm ERR! network tunneling socket coul
vue用webpack打包方式新建项目,注意刚开始可以先关闭路由和代码错误检测功能1.建立了一个Hi.vue的组件<template> <div>Hi~~{{msg}}--{{data}}</div></template><script> export default { name: "Hi", data:functi
转载
2018-08-30 11:46:00
83阅读
2评论
1.检查命令,组件版本,命令运行目录是否正确,vscode需要在主.json文件目录下。 2.检查镜像路径是否正确: 查看镜像:npm config get registry 设置镜像:npm config set registry 镜像地址 3.npm版本是否过低: 查看版本:npm -v 更新至 ...
转载
2021-11-01 11:00:00
1638阅读
2评论
前端组件化封装及npm部署 简介 组件化思想是软件编程的一个重要思想。如汽车的生产,将轮子、灯、座椅等作为单独的组件,由各自的工厂去生产维护,各个组件都做好后再拿到组装厂统一组装使用。组件化思想就是将一个项目拆分成若干个组件,分而治之。 组件化开发好处 高复用性:复用的好处可以得到 较高的生产效率以
转载
2020-01-15 20:32:00
273阅读
2评论
尽可能提供 esm 模式,并且如果这个组件没有影响外部变量时,设置 sideEffect 为 false, 让使用方可以最大的 tree-shaking 。对于公用的依赖包,将其写入 peerDependencies 中。
转载
2021-08-04 09:56:18
425阅读
制作了一套自己的组件库,并发布到npm上,项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue cli 搭建项目 目录结构 内部代码详见 GitHub,如果对你有所帮助,给个star吧 。 项目配置 为了使项目能上传到npm上,需要配置一些地方。 build/webpack.bas
转载
2018-11-07 12:59:00
123阅读
2评论