首页 > 其他分享 >解决创建VUE项目的时候执行npm install一直是loading状态

解决创建VUE项目的时候执行npm install一直是loading状态

时间:2024-08-29 16:50:40浏览次数:13  
标签:npm loading VUE registry install 镜像

创建VUE项目的时候执行命令

npm create vue@latest

npm install

然后一直是处于loading状态

配置npm代理,切换至国内镜像源

先查看当前的镜像源:

npm config get registry

直接访问NPM官方仓库(registry.npmjs.org)可能速度较慢甚至不稳定。这时,切换至国内高速npm镜像源。​​​​​​​

npm config set registry  https://registry.npmmirror.com/

参考下图

配置成功之后再执行 npm install,稍等一小会就加载成功了。如下图:

​​​​​​​

然后在左侧的目录会新增一个node_modules 目录。如下图

至此VUE3项目成功创建可以愉快的开始了。、

在终端执行

npm run dev

完毕!

开发者前沿- 解决创建VUE项目的时候执行npm install一直是loading状态

标签:npm,loading,VUE,registry,install,镜像
From: https://blog.csdn.net/zsd1987/article/details/141682373

相关文章

  • 基于Vue的MES生产制造执行系统
    系统包含:源码+论文所用技术:SpringBoot+Vue+SSM+Mybatis+Mysql免费提供给大家参考或者学习,获取资料请私聊我目录第1章绪论 11.1选题动因 11.2目的和意义 11.3论文结构安排 2第2章开发环境与技术 32.1Tomcat简介 32.2Eclipse简介 32.3Navicat简介 4......
  • 【vue3】探讨为什么ref()换为reactive()数据不再是响应式?
    原问题:本来想使用数组中的filter方法,原来用的是lettableData=ref([])然后发现Ref上不再filter属性,所以就换成了lettableData=reactive([])但是这样有了一个新问题就是:数据加载不出来了,代码如下//获取文章列表数据 lettableData=reactive([]) functiongetArt......
  • 通过vue-draggable-plus实现一个简单的菜单拖拽功能
    <divclass="my-content-list"v-draggable="[nameList,{animation:300,}]":onStart="onStart":onUpdate="onUpdate">......
  • 在vue3中实现一个截图上传图片功能
    <template><divclass="avatar-container"><el-dialog:title="title":model-value="dialogVisibleCorpper"width="800px"append-to-body@opened="openDialog":before-clos......
  • Vue的未来发展趋势是什么?
    随着前端开发行业的飞速发展,Vue.js作为一款优秀的前端框架,受到了广泛的关注和应用。在这一篇博客中,我们将探讨Vue的未来发展趋势,同时通过一些示例代码来帮助大家更好地理解。1.Vue的生态系统持续扩大1.1多样化的插件和工具Vue的快速发展离不开其丰富的生态系统,包括VueRou......
  • 在Vue3应用中使用TypeScript的最佳实践
    随着Vue3的推出,TypeScript逐渐成为了前端开发中的一种必备技能。Vue3的设计更好地支持TypeScript,这使得开发者可以在开发过程中充分利用TypeScript的强类型系统,从而提高代码的可维护性和可读性。在这篇博客中,我们将深入探讨在Vue3应用中使用TypeScript的最佳实践,并通过示例......
  • 计算机毕业设计django+vue个人博客系统【开题+论文+程序】
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,个人博客作为展示个人思想、分享知识与经验的重要平台,其重要性日益凸显。传统的博客系统多依赖于单一的技术栈,如......
  • Vue3实现excel文件预览和打印
    预览excel关于实现excel文档在线预览的做法,一种方式是通过讲文档里的数据处理成html,一种是将文档处理成图片进行预览。首先我们先讲一下实现html这种方式预览的。Excel预览用的是xlsx这个库。xlsxxlsx是一个优秀的表格处理库,是一款适用于浏览器和nodejs的开源电子表格解析库"......
  • Vue
    查询你的node版本:node-v如果你的版本不够,可以使用下面的命令行来把Node版本更新到最新的稳定版:npminstall-gn//安装模块这个模块是专门用来管理node.js版本的nstable//更新你的node版本//mac下,更新版本的时候,如果提示你权限不够:sudonstable//我就遇到了查......
  • vue3导入excel表格并展示(使用xlsx插件+vite+element-plus)/js上传表格(js+xlsx)
    第一步:下载两个库npminstallfile-saver--savenpminstallxlsx--save第二步:引入import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'第三步:给组件设置点击事件<el-form-item@click="handleExport">导出</el-for......