nodejs离线库的折腾记

浅浅的花香味﹌ 2022-04-12 03:14 474阅读 0赞

## 一、背景 ##

有时候从网上下载npm包很慢，或者我们是在一个离线的环境中作业，这时候就需要搭建一个离线的node\_modules库。yarn可帮助构建离线库，详情可看官网https://yarn.bootcss.com/docs/

## 二、配置和使用 ##

Yarn的使用就不说了，参考官网说明就行。  
Vue+VSCode的环境配置可看我那篇博客本篇只需要用那篇中的第一节，不过改成了放到D盘了  
地址是https://blog.csdn.net/junshangshui/article/details/80376489

1.打开命令行输入`npm install yarn -g`全局安装yarn模块，在D:\\Program Files\\nodejs\\node\_global就可以看到几个yarn的文件，在D:\\Program Files\\nodejs\\node\_global\\node\_modules也有yarn的文件。

2.输入`yarn global add webpack`全局安装webpack模块。

3.输入`yarn global add vue-cli`全局安装vue-cli模块。然后在系统环境变量path中添加C:\\Users\\Administrator\\AppData\\Local\\Yarn\\Data\\global\\node\_modules.bin

4.我在D盘新建了一个名为**npm-packages-offline**的目录用作离线库。

5.输入`yarn config set yarn-offline-mirror D:\npm-packages-offline`后，在C:\\Users\[你的名字\]\\目录下可看到生成了一个.yarnrc的配置文件，用记事本打开可看到一句配置yarn-offline-mirror “D:\\npm-packages-offline”，配置说明yarn的离线镜像目录是我第4步建的目录，以后要把离线库放到其它位置，修改此处即可。

6.为了使离线库镜像包保持最新，可输命令  
`yarn config set yarn-offline-mirror-pruning true` 这时再查看.yarnrc文件已新添了一句配置。

这里我在D盘的VueProjects目录下新建一个vue888的项目来试一下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p1bnNoYW5nc2h1aQ_size_16_color_FFFFFF_t_70]  
**最后选No,I will hanle that myself，也就是等下我自已来下载项目所需的依赖包。**

8.用VSCode打开项目vue888，先在终端输入`yarn cache clean`先清除全局缓存，然后在终端输入`yarn install`来下载依赖包。下载完成后在项目目录下多了一个**node\_modules**目录，它里面存放着此项目所有依赖包。还多了一个**yarn.lock**文件，它记录着这些依赖包的相关信息。**这时去看D盘的npm-packages-offline目录下已有离线包了。**

9.好，我们现在断开网络。  
A.删除vue888项目里的node\_modules整个目录。  
B.然后在终端输入`yarn install --offline`来离线安装依赖包(offline前是两个杠)。  
C.最后输入`yarn run dev`成功运行项目。

## 三、移到一台离线电脑上使用 ##

（最好都是相同系统，例如WIN10）  
把相关文件复制到离线电脑上，做好相应配置就可使用了。  
1.把node-v10.14.1-x64.msi安装包拷到离线电脑上安装，也是安装到D盘program Files下面。

2.在C:\\Users\\你的名字\\AppData\\Local下面有个**Yarn**目录，里面放到通过yarn global add 的全局的node\_modules，可进入目录去看看有些啥。在离线电脑上的需要将系统环境变量Path追加以下这句  
C:\\Users\\你的名字\\AppData\\Local\\Yarn\\Data\\global\\node\_modules.bin  
把整个Yarn目录压缩打包拷到离线电脑相同位置。

3.因为yarn是通过npm来安装的，所在在D:\\Program Files\\nodejs\\node\_global目录下可看到yarn的相关文件，直接把D:\\Program Files\\nodejs这个目录打包压缩拷到离线电脑上去。同时也要修改离线电脑的系统环境变量Path（那篇中的第一节中有详细的说明）

4.将C:\\Users\\你的名字 **目录下的.yarnrc、.npmrc和.vue-templates三个**拷到离线电脑上去放到相同位置。.vue-templates存放是的vue模版，进去看下，我目前只有一个webpack模版。我们将来在离线电脑上可通过`vue init webpack project1 --offline`来离线创建vue项目。

5.把D盘的npm-packages-offline压缩打包拷到离线电脑上的D盘。

6.把VScode也压缩打包拷到离线电脑。推荐使用**便携版的vscode**，因为拷到其它电脑上，vscode的插件和配置都在，不要再重新折腾了。具体使用请看官网详情说明https://code.visualstudio.com/docs/editor/portable

最后要拷到离线电脑的文件就这8个  
![在这里插入图片描述][20181130155758720.png]  
在离线电脑上全部配置好后,通过`vue init webpack test1 --offline`新建一个项目试试。  
如果缺少依赖包，在外面可上网的电脑上通过yarn命令下载相应依赖包即可。  
例如离线电脑缺少 vue2.5.2这个包，在外面电脑上通过`yarn add vue@2.5.2`下载，然后在D:\\npm-packages-offline中找到复制到离线电脑这个相同目录。（由于这个包可能依赖其它包，最好是按时间排序所有包，把最近时间的包都拷出来）  
例如离线电脑也要用electron-vue，那么把外面电脑的.vue-templates下的模版和npm-packages-offline下的相关的包拷进来。  
***（经测试上面还不对，得把C:\\Users\\你的名字\\AppData\\Local\\Yarn\\Cache中的最近时间的包都拷出来）***  
**注意.vue-templates目录可能会自动清空，平时在其它位置备份一下，如果清空了，再复制一份过来即可。**  
最后输入`yarn install --offline`安装项目的离线包。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p1bnNoYW5nc2h1aQ_size_16_color_FFFFFF_t_70]: /images/20220412/ae9c336e9e704c47b50b97290ba2f7dc.png
[20181130155758720.png]: /images/20220412/100010ec2dc84cfabd5ba87554c36b76.png