SSF0SSF0
首页
前端
  • Node
  • Go
  • Python
  • MySql
  • Bash
  • Git
  • Docker
  • VuePress
  • CI/CD
  • 服务器
  • 网站
  • 学习资料
  • 软件
  • 开源项目
Timeline
Github
标签
分类
首页
前端
  • Node
  • Go
  • Python
  • MySql
  • Bash
  • Git
  • Docker
  • VuePress
  • CI/CD
  • 服务器
  • 网站
  • 学习资料
  • 软件
  • 开源项目
Timeline
Github
标签
分类
  • HTML

    • html1
    • html2
  • CSS

    • Flex 布局常见问题与解决方案
  • JavaScript

    • 数据类型及引用问题
    • 处理 Blob 类型文件下载问题总结
    • localStorage 与 sessionStorage 区别
    • JavaScript 中的 script 标签问题详解
    • JavaScript 中的 this 指向问题详解
    • SessionStorage踩坑记录
    • 动态加载 JS 脚本方法对比
    • 浏览器页面关闭场景下的数据上报
    • HTTP流式接口详解与封装实践
    • JavaScript 中 this 绑定与解构:为什么 Pinia Store 可以解构,但 Class 实例方法不行?
  • es6

    • Promise
    • es6 模块导出方式全解析
    • reduce
    • forEach 中使用 async/await 的异步陷阱
  • Vue2

    • created VS mounted 发起异步请求
    • vue2-2
  • Vue3

    • Vite + Vue3 修改 element-plus 源码
    • Vue v-if 与 v-show
    • Vue3 ref 获取组件
    • Vue3 路由传参
    • 父子组件与组件里 Hooks 加载顺序
    • 第三方组件传入参数TS提示
    • Vue3 Props 在 Hooks 中的响应性处理
    • Vue Router 的两种历史模式及部署配置详解
    • 在Vue 3项目中顺利集成Tailwind CSS的完整指南
    • Vue Scoped CSS 深度解析
    • Vue 3 Teleport 组件完全指南:从原理到实战
    • Vant List 组件中双向绑定 loading 的注意事项
    • Vue 3 + Vite 中的路径别名与静态资源处理深度解析
    • 获取图片高度
    • 深入理解 Pinia:storeToRefs vs toRefs - 避开 TypeScript 类型推断的坑
  • webSocket

    • WebSocket 鉴权入门(实战版):握手票据 / 首帧鉴权 + 连接级 cid
  • Electron

    • 快速构建 electron + vue3 项目
  • TS

    • TS 泛型
    • 记录模板使用断言的问题
    • type 与 interface
  • WebPack

    • Webpack 介绍
  • Vite

    • Vite CLI 常见命令
    • vite 与 webpack 比较
    • Vite base 配置与 public 静态资源路径问题
  • 客户端数据库

    • IndexedDB 索引陷阱:字段重命名后索引返回旧数据
    • IndexedDB 事务陷阱与最佳实践:TransactionInactiveError 完全解析
  • UniApp

    • uni-app + Monorepo + 微信小程序热更新失效问题排查与结论总结
    • Monorepo + uni-app 开发中监听 / 热更新机制差异与解决方案
    • uni-app 运行与编译原理梳理
    • 为什么 uni-app 在 Monorepo 中必须做「环境区分」,而 Web 项目却不用?
  • 项目工程

    • 前端代码风格
    • Vue3 项目规范
    • npm 镜像问题
    • 包管理工具
    • 使用 engines 限制开发环境依赖
    • 打包与shell交互指定模式
    • Monorepo示例
    • PC 项目兼容 uni-app:基于 pnpm Monorepo 的工程化重构实践
    • Vue3 + Vite + pnpm Monorepo 迁移问题指南
    • 前端工程化:深入理解 npm 依赖管理机制
    • pnpm 修改依赖源码打包报错
    • 代码片段
  • 移动端

    • 浏览器跳转外部应用时请求状态码问题
  • 记录一下小程序
  • 控制浏览器正确保存网站账号密码的技巧
  • 信息泄露
  • 使用Gulp实现前端项目哈希化压缩打包
  • 前端缓存策略与文件哈希化的关联解析
  • 浏览器刷新方式与 Vue 生命周期、缓存行为解析
  • 浏览器消息铃声实现记录

npm 镜像问题

在使用 NPM 安装包的时候,可能会遇到下载速度慢的问题。这是因为 NPM 默认的镜像源服务器在国外,网络延迟较高,导致下载速度慢。

为了解决这个问题,你可以选择使用国内的 NPM 镜像源,例如淘宝的 NPM 镜像。以下是配置 NPM 镜像的步骤:

使用淘宝的 NPM 镜像

  1. 打开终端或者命令行工具。

  2. 输入以下命令,将 NPM 镜像源设置为淘宝的 NPM 镜像:

npm config set registry Https://registry.npmmirror.com
  1. 输入以下命令,验证 NPM 镜像是否设置成功:
npm config get registry

如果返回的值是 https://registry.npmmirror.com,则表示 NPM 镜像已经成功设置为淘宝的 NPM 镜像。

  1. 以上方法同样适用于 yarn pnpm,只需要将 npm 替换即可。

使用 VPN 设置代理

如果你无法访问淘宝的 NPM 镜像,你可以选择使用 VPN 设置代理。以下是使用 VPN 设置代理的步骤:

  1. 打开 VPN 客户端,连接到 VPN 服务器。

  2. 打开终端或者命令行工具。

  3. 输入以下命令,将 NPM 代理设置为 VPN 代理:

npm config set proxy http://192.168.0.108:7890
npm config set https-proxy http://192.168.0.108:7890
  • 其中,http://192.168.0.108:7890 是 VPN 代理的

  • ip 值的是你本机的 ipv4 地址,端口则是代理服务器的端口。

  1. 输入以下命令,验证 NPM 代理是否设置成功:
npm config get proxy
npm config get https-proxy

以上是解决 NPM 镜像问题的两种方法,你可以根据自己的实际情况选择其中一种方法来解决 NPM 镜像问题。

最后更新时间:
贡献者: 何风顺
上一页
Vue3 项目规范
下一页
包管理工具