win7搭建vue内网环境

win7 搭建vue内网开发环境

第一步 选择nodejs版本

• 先从https://nodejs.org/zh-cn/download/releases/ 找到nodejs 16.1版本， (2022.7.21 下载了v16.16.0版本安装后node可以查看版本npm命令报错。)考到内网的电脑（要下载zip格式的文件）zip格式文件无需安装，直接配置环境变量即可。
• 
  注意：1、不用先下载一个win7支持的nodejs版本，再用高版本的nodejs覆盖
  2、Win7支持的版本极限是16.3、16.4（使用16.13、16.14版本测试会报以下错误）

第二步 配置环境变量

• 新增环境变量：NODE_SKIP_PLATFORM_CHECK 值：1。(如果配置过不用再配置)。
  
• 检查版本
  

第三步：复制npm-cache目录

1、外网电脑命令行执行npm config get cache （查找到的目录可能是隐藏文件）

2、内网电脑命令行执行 npm root -g 查看当前npm全局安装目录

3、然后把外网的 npm-cache 缓存目录文件夹复制到内网的npm目录里面

第四步：离线安装vscode常用插件

（1）外网机下载需要的vue插件
https://marketplace.visualstudio.com/search?term=vue&target=VSCode&category=All%20categories&sortBy=Relevance

点击进入插件主页，点击右侧的 Download Extension 链接，得到下载下来的离线安装包，以 .vsix 为扩展名结尾

把下载下来的离线安装包拷贝内网电脑 VSCode 的安装目录下的 bin 目录下，比如我的 VSCode 安装在 D:\Microsoft VS Code\，因此这里我应该拷贝到 D:\Microsoft VS Code\bin 这个目录下
下载插件的时候，一定不要通过迅雷下载，否则会下载一个不完整的插件，导致安装失败（报错：Corrupt ZIP: end of central directory record signature not found）

（2）将下载的插件如 sdras.vue-vscode-snippets-3.1.1.vsix 拷贝到内网机
位置为内网机vscode的安装目录bin下

注意：如果报这个错误

C:Nsers Administrator Applata ocal Programs Microsoft US Code hin>code--insta1l-extension octref .vetur-g.36.1.usixInstalling extensions...Unable to install extension 'octref.vetur' as it is not compatible with US Code1.45-1'Pailed Installing Extensions: octref.vetur-g.36.1.ysix
C:Nsers Administrator AppData Local Programs Microsoft US Code bin>

说明版本不兼容，更新最新版vscode即可解决。
待看到如下提示即意味着安装成功，就可以打开 VSCode 进行查看了

Extension ‘yzhang.markdown-all-in-one-1.4.0.vsix’ was successfully installed!

关闭vscode软件
在 bin 目录下右键点击 在此处打开命令窗口，执行插件安装命令：code --install-extension sdras.vue-vscode-snippets-3.1.1.vsix (code --install-extension 后面参数换成你下载的插件离线安装包的名字即可)

重启启动vscode软件