likes
comments
collection
share

离线环境下运行Vue项目

作者站长头像
站长
· 阅读数 50

背景

最近公司的网络出现了漏洞,网络部同事直接将互联网断开,所有的互联网服务全部关闭...,之前开发环境所在的云桌面也重新分配不保留任何数据...,由于npm包局域网地址也关闭了,所以只能从外网环境先下载好所需要的依赖,再导入到离线环境中。我的项目是若依的Vue3+element-admin

准备工作

两台操作系统一致的电脑(Mac环境下载的依赖包切记不能拿到window系统中使用),一台有网,一台无网,一个优盘。

步骤一

在有网络的机器中

在nodejs官网中下载所需node版本(版本一定要统一),传送门 安装node过程这里就不说了,一直Next就好了,安装完成之后,打开cmd,执行 node -v

离线环境下运行Vue项目 然后执行 npm root -gnpm config get cache命令 查看npm 以及npm-cache文件夹路径

离线环境下运行Vue项目 然后将对你的项目执行npm install,执行完毕之后,运行项目,看看项目能否成功运行,如果运行没问题将生成的node_modules文件夹以及上述查询到的npm文件夹和npm-cache文件夹,还有你所安装nodejs版本的安装包、项目包、都复制到优盘内。此时有网络的机器工作以及完成了,接下来配置无网的机器。

在无网络的机器中

将优盘内的文件都拷贝出来,随便放到一个文件夹中便于接下来的使用,第一步先将nodejs的离线包安装下,安装过程就一直Next就好,安装完成之后,同样在cmd执行node -v看看是否安装成功,如果没成功,看下系统的环境变量是否加上了,现在一般都自动加上了。安装成功之后就同样也执行 npm root -gnpm config get cache命令 查看npm 以及npm-cache文件夹路径,然后将从有网机器中拷贝的npm 以及npm-cache文件夹覆盖对应的文件夹,然后项目包(如果已经有了,就只需将项目包中的node_modules粘贴至该项目中)注意:确保无网环境下的项目中的package.json与有网环境中的package.json配置一致,如果不一致先在有网的环境将package.json改为一致,再执行npm install。上述操作完毕之后,直接运行项目。到这儿按道理来说应该没啥问题了。

转载自:https://juejin.cn/post/7376827589909053466
评论
请登录