背景
由于环境影响,不能访问外网,所以需要安装一个node.js离线库,在网上搜了很多文章,其中踩了很多坑在总结记录下,
准备一台可以访问外网的电脑
解决方案
外网电脑
1、准备一台可以访问外网的电脑,在外网电脑中安装yarn及离线库(node.js的安装这里就不说了,官网https://nodejs.org/zh-cn/),打开命令行输入
npm install yarn -g
yarn global add webpack
yarn global add vue-cli
2、配置环境变量C:\Users\【你的用户名】\AppData\Local\Yarn\Data\global\node_modules\.bin
3、在D盘新建文件夹npm-packages-offline
4、命令行输入
yarn config set yarn-offline-mirror D:\npm-packages-offline
yarn config set yarn-offline-mirror-pruning true
5、到了这一步已经准备好了离线库,现在向历史库中导入需要的包,输入cmd打开命令行执行,切换到D盘下执行
vue init webpack offline
6、在最后一步选择Yes,use Yarn
7、查看D盘的npm-packages-offline文件夹下是否已有离线包,如果没有在终端输入
yarn cache clean
yarn install
8、在项目D盘offline项目中可以看到多了一个node_modules文件夹和yarn.lock文件,此时断开网络,删除node_modules整个文件夹,命令行执行
yarn install --offline
yarn run dev
到了这一步外网电脑成功运行项目,下面开始打包相关文件,准备到离线电脑安装离线库
在外网电脑上打包以下文件或文件夹:
1.C:\Users\【你的用户名】下面的.vue-templates、.npmrc、.yarnrc三个文件;
2.C:\Users\【你的用户名】\AppData\Local下面的Yarn整个目录打包;
3.D:\下面的npm-packages-offline整个目录打包;
4.外网电脑安装的node.js的整个安装目录打包,我的在E盘下,直接将Nodejs整个目录打包;
5.去官网下载个node.js的安装包,我下载的是node-v12.16.0-x64.msi。
内网电脑
1、安装node.js,并配置环境变量(如何配置可参考官网,这里不细说),建议安装到D盘下,后面就不用重新配置环境变量了;
2、解压Nodejs.rar到D盘(如果已经存在Nodejs,直接覆盖);
3、解压Yarn.rar到C:\Users\【你的用户名】\AppData\Local,配置环境变量C:\Users\【你的用户名】\AppData\Local\Yarn\Data\global\node_modules\.bin(与外网电脑环境变量配置一致);
4、.vue-templates、.npmrc、.yarnrc三个文件放到C:\Users\【你的用户名】;
5、将文件夹npm-packages-offline复制到D盘;
6、到这一步就可以新建项目了
vue init webpack offline
注意在最后一步选择No,I will hanle that myself
7、使用VScode(如果你不知道这个软件是什么,那么你应该走错片场了)打开项目,在命令行输入
yarn install --offline
yarn run dev
在这一步可能会报错提示如下yarn:无法加载文件...................
不要慌,先搜索powershell以管理员身份
运行
执行set-ExecutionPolicy RemoteSigned,再输入y,执行成功后,可以输入get-ExecutionPolicy查看结果
再执行第7步,成功运行项目。
项目中需要引入什么依赖包,可在外网电脑中下载好后,复制到D盘npm-packages-offline文件夹下即可