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

目录

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

1、下载安装

a、简介

b、官网下载

c、安装

2、配置全局依赖包路径

a、默认包路径

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

3、环境变量配置

a、配置国内镜像

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

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

1、VSCode插件默认位置

2、指定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）配置文件修改\npm\.npmrc文件

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

下载一个全局包

npm install -g vue

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

3、环境变量配置

a、配置国内镜像

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

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 ，加载指定路径下的插件，然后安装的插件会放到指定的目录

三、依赖迁移

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

四、常见问题

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

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

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

3、xx

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

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

---