node.js离线库

╰半夏微凉° 2022-12-18 04:55 250阅读 0赞

# 背景 #

### 由于环境影响，不能访问外网，所以需要安装一个node.js离线库，在网上搜了很多文章，其中踩了很多坑在总结记录下， ###

### **准备一台可以访问外网的电脑** ###

# 解决方案 #

### **外网电脑** ###

1、准备一台可以访问外网的电脑，在外网电脑中安装yarn及离线库（node.js的安装这里就不说了，官网[https://nodejs.org/zh-cn/][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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70][]

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**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 1][]

7、查看D盘的npm-packages-offline文件夹下是否已有离线包，如果没有在终端输入

yarn cache clean
    yarn install

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 2][]

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。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 3][]

--------------------

### **内网电脑** ###

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：无法加载文件...................

![20201025170605969.png][]

不要慌，先搜索**powershell**以管理员身份

运行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 4][]

执行**set-ExecutionPolicy RemoteSigned**，再输入**y**，执行成功后，可以输入**get-ExecutionPolicy**查看结果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 5][]

再执行第7步，成功运行项目。

**项目中需要引入什么依赖包，可在外网电脑中下载好后，复制到D盘npm-packages-offline文件夹下即可**

[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70]: /images/20221122/b868ea929f124e0fa8ac6f5295b692fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 1]: /images/20221122/6fcb5edba2b6472c954b91408aa164bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 2]: /images/20221122/4bdebe25f6dc4384ac81319d02c89048.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 3]: /images/20221122/b371c5152b5e4a6d9c18806e2923663c.png
[20201025170605969.png]: /images/20221122/6c2c767f6c8748bc8905b81fc160a3f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 4]: /images/20221122/83a4dbe3448d44e3a2afa041e95ceb40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Rpbmdob25neXU1MjA_size_16_color_FFFFFF_t_70 5]: /images/20221122/2f762ce42e2b47e3a52fa7a88a86e23a.png