前端依赖下载速度过慢解决方法,nrm 镜像管理工具

文章介绍了在npm安装依赖时遇到网络限制的问题,推荐使用nrm这个镜像源管理工具,通过切换到如淘宝镜像(现为npmmirror.com)或其他国内镜像来提高安装速度。同时提到了cnpm和yarn作为替代选择。
摘要由CSDN通过智能技术生成

npm 默认镜像 :https://registry.npmjs.org/

问题

使用 npm install 安装依赖的时候,受网络的限制,速度会很慢。

解决

使用国内镜像代理。

nrm

nrm 是镜像源管理工具;

1. 安装 nrm
npm install nrm --global
# 查看镜像源列表
nrm ls

在这里插入图片描述
淘宝原镜像 https://registry.npm.taobao.org 已更改为 https://registry.npmmirror.com

2. 测试当前环境下,哪个镜像源速度最快。
nrm test

在这里插入图片描述

3. 切换镜像源
npm config get registry # 查看当前镜像源
nrm use taobao # 等价于 npm config set registry https://registry.npmmirror.com

使用 cnpmyarn

npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install -g yarn
阿里云针对淘宝镜像更改的说明

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/58a884d90bbf4e4ab46e9641f8fdfd61.png
npmmirror 中国镜像站

如果你想在 Vue3 前端实现 Excel 模板下载而不依赖于后端,可以使用以下步骤: 1.创建一个按钮,让用户点击后触发下载事件。 2.在下载事件中,创建一个 Blob 对象,然后将其保存为文件。 以下是代码示例: ```html <template> <button @click="downloadExcelTemplate">Download Excel Template</button> </template> <script> export default { methods: { downloadExcelTemplate() { try { // 创建 Excel 模板文件 const sheetName = 'Sheet1'; const rows = [['Name', 'Age'], ['John', 30], ['Jane', 25]]; const wb = XLSX.utils.book_new(); const ws = XLSX.utils.aoa_to_sheet(rows); XLSX.utils.book_append_sheet(wb, ws, sheetName); // 将数据保存为文件并下载 const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' }); const blob = new Blob([wbout], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.download = 'template.xlsx'; link.click(); } catch (error) { console.error(error); } } } } </script> ``` 在这个示例中,我们使用 SheetJS(也称为 js-xlsx)库来创建 Excel 模板文件。我们创建了一个数组,其中包含表头和数据行,然后将其转换为工作表对象。然后,我们使用 XLSX.utils.book_append_sheet() 方法将工作表添加到工作簿中。 接下来,我们使用 XLSX.write() 方法将工作簿转换为二进制数据数组,然后创建一个 Blob 对象。最后,我们创建一个链接元素,将 Blob URL 分配给其 href 属性,设置链接的下载属性,这样浏览器就会提示用户下载文件。 希望这可以帮助到你!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值