【VSCode】无网环境快速迁移开发环境（VIP典藏版）

目录

一、Node.js安装与环境配置

1、下载安装

a、简介

b、官网下载

c、安装

2、配置全局依赖包路径

a、默认包路径

b、修改全局依赖包下载路径

3、环境变量配置

a、配置国内镜像

b、配置系统环境变量path路径

二、VSCode插件打包迁移与指定位置

1、VSCode插件默认位置

2、指定VSCode插件位置

三、VSCode依赖包迁移

四、VSCode常见问题

---

一、Node.js安装与环境配置

1、下载安装

a、简介

Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。

b、官网下载

打开官网链接，下载Node.js安装包，这里选择的时64位的msi安装包

c、安装

这里选择的是默认路径

新版的Node.js已自带npm，安装Node.js时会一起安装，
npm的作用就是对Node.js依赖的包进行管理

安装完成后如图所示

 dos窗口输入

 如图说明node.js和npm已经安装成功

2、配置全局依赖包路径

node.js和npm安装成功后，前期的准备工作就已经做好了

a、默认包路径

先随便下载一个全局包，

npm install -g vue

就会出现如下node_modules文件夹，

这个包的默认存放路径位于C:\Users\Administrator\AppData\Roaming\npm\node_modules下，

可以通过CMD指令查看

npm root -g

b、修改全局依赖包下载路径

自定义存放目录，在node安装目录下下新建两个文件夹

node_global 全局包下载存放
node_cache node缓存

1）命令修改默认路径

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

 2）配置文件修改npmrc文件

默认的位置C:\Users\Administrator\.npmrc文件

prefix =C:\node\node_global
cache = C:\node\node_cache

懒得搞得直接复制过去吧

prefix=C:\Program Files\nodejs\node_global
cache=C:\Program Files\nodejs\node_cache
registry=https://registry.npm.taobao.org

下载一个全局包

npm install -g vue

成功出现在配置的新路径内

3、环境变量配置

a、配置国内镜像

下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 

C:\Users\Administrator\.npmrc文件

npm config set registry https://registry.npm.taobao.org

全局安装一个vue-cli脚手架

npm install @vue/cli -g

速度提升非常明显

b、配置系统环境变量path路径

 随便下载几个包试验下

npm install @vue/cli -g
npm install express -g
npm install webpack -g
npm install typings -g

成功

二、VSCode插件打包迁移与指定位置

1、VSCode插件默认位置

有时候电脑没有外网环境需要下载插件比较麻烦，所以直接迁移现成的插件就显得方便很多了，
找到插件默认位置，再打包即可

C:\Users\用户名\.vscode\extensions

2、指定VSCode插件位置

有时不想安装在C盘，因为重装系统就没了，所以可以考虑安装在软件安装路径，
首先先建立一个文件夹extensions

双击 VSCode 的快捷方式图标，启动VSCode ，加载指定路径下的插件，然后安装的插件会放到指定的目录

三、VSCode依赖包迁移

复制已安装机器的依赖文件打包到新机器即可

四、VSCode常见问题

都迁移完成项目还是启动报错

1、检查node.js版本，保持一致

2、检查报错提示，是否是缺依赖包

3、xx

有用请点赞，养成良好习惯！

疑问、交流、鼓励请留言！

---