首页 > 其他分享 >第26篇 Vue项目如何运行起来

第26篇 Vue项目如何运行起来

时间:2024-09-24 23:13:20浏览次数:1  
标签:npm node 26 Vue 项目 文件夹 报错 运行

在工作中,我们常要接手别人的vue项目,那我们从svn、git上拿到别人的vue项目后,要如何跑起来呢?

第1步

将项目里的“node_modules”文件夹删除,这是vue项目的依赖包。不过由于“node_modules”文件夹太大,一般不会打包上传到svn、git上的,所以没有这个文件夹就不用删。

第2步

删除package-lock.json。package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。

第3步

然后打开cmd,cd到项目目录,
具体操作:先输入该盘符,然后再用cd命令切换目录

第4步

运行npm clean cache -f

清除npm缓存,npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。

第5步

运行npm install,重新安装依赖

第7步

运行npm run build 打包

第8步

最后运行npm run dev后项目成功运行

注:建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

标签:npm,node,26,Vue,项目,文件夹,报错,运行
From: https://www.cnblogs.com/chenshibao/p/18430277

相关文章

  • vue+谷歌地图Google Map的使用(四)
    前言本篇文章,主要是为了解决文章一内容的实现在实际项目中造成的性能BUG一、文章一在实际项目运用时的问题文章中,主要是讲了如何在项目中引入谷歌地图的库,并在相应组件的DIV中展示出来。但是,要注意~其中的例子只是一个简单的vueDEMO效果,并不涉及多个组件,所以在当时,是将......
  • vue3开发中易遗漏的常见知识点
    组件样式的特性ScopedCSS之局部样式的泄露示例(vue3):父组件:<template><h4>AppTitle</h4><hello-world></hello-world></template><script>importHelloWorldfrom'./HelloWorld.vue';exportdefault{name:'App......
  • vue自定义指令实现打字效果
    实现如通义灵码官网关于代码片段中,当鼠标hover上代码上时,出现打字效果,示例地址:https://tongyi.aliyun.com/lingma?spm=5176.28508143.J_ahRFo5CaAe_asSOaCgS4J.14.5421154auHz4xJ&scm=20140722.M_185502201.P_131.MO_2276-ID_10360025-MID_10360025-CID_31292-ST_10352-V_1通过vu......
  • Vue.config.js中配置Proxy代理HTTPS
    Vue.config.js中配置Proxy代理HTTPS基本概念与作用为什么要使用HTTPS代理?示例一:基础HTTPS代理配置示例二:多环境代理配置示例三:忽略某些路径示例四:支持WebSocket代理示例五:高级配置实际开发中的使用技巧在开发基于Vue.js的应用时,经常会遇到前后端分离的情况,即前端应......
  • Vue修改全局样式 v-style指令详解
    Vue修改全局样式v-style指令详解基本概念与作用基础用法示例一:动态修改单个元素的样式示例二:使用计算属性动态设置样式示例三:全局样式动态化示例四:使用Vue生命周期钩子设置样式示例五:通过Vuex管理全局样式实际开发中的使用技巧在Vue.js的开发过程中,有时我们......
  • Vue2+3基础
    。第一个Vue程序使用script进行Vue全局设置: 指定Vue实例挂载的位置,Vue和js一样,都需要在script里写第一步创建vue实例1.为什么要newvue(),直接调用Vue不行吗?不行,因为如果直接调用Vue()会报如下错误: 2.关于vue构造函数:optionsoptions翻译为多个选项Vue框架要求这......
  • 【开题报告】基于django+vue医院电子病历管理(论文+程序)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着医疗技术的飞速发展和医疗信息化建设的不断深入,医院电子病历管理系统已成为现代医疗体系中不可或缺的一部分。传统的纸质病历不仅存储......
  • Vue3路由权限控制
    Vue3路由权限控制设置路由:静态路由与动态路由静态路由:这些是在应用启动时就已经定义好的路由,通常包括一些不需要权限验证的公共页面,如登录页、404页面等。动态路由:这些路由是根据用户的权限决定的,通常包括需要权限验证的页面。登录获取token/sessionId等数据,利用pi......
  • Vue router 4 基础知识讲解
    1.Vuerouter4基础在构建现代Web应用时,单页应用(SPA)因其流畅的用户体验和快速的页面切换能力,成为了众多项目的首选架构。然而,在SPA中,随着应用功能的日益复杂,权限控制成为了一个不可忽视的问题。如何确保不同用户只能访问其被授权的资源,是保障应用安全和数据一致性的......
  • 阿里rtc云端录制TypeScript版NODE运行
    阿里云音视频服务云端录制typescript版本;编译后可以使用nodeindex.js运行package.json版本//npminstall--save@alicloud/[email protected]"@alicloud/rtc20180111":"^2.3.0",引入importClient,{StartCloudRecordRequest,StopCloudRecordRequest,Des......