内网环境下搭建vue开发环境

步骤一:

首先,准备两台电脑,一台可以连接外网,在外网环境下完成环境搭建,在官网下载node;另外下载一个编辑器,我自己习惯用VScode;

步骤二:

将安装包用U盘(或者直接读取本地磁盘文件)复制到虚拟机(内网环境)下,安装;

步骤三:

在外网笔记本上查找C:\Users\Administrator.vscode路径下的extensions,该文件夹下存放VScode中下载的插件包文件,将该文件夹直接拷贝到虚拟机对应路径下,重启VScode即可运行;

步骤四:

打开命令行,输入node -v可以查看到版本号;输入npm –v可看到npm版本号;此时node、npm已经安装成功;
新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node.js时会一起安装。(将来要更新npm可用这个命令npm intall npm@latest -g);

步骤五:

设置nodejs prefix(全局)和cache(缓存)路径,在nodejs安装路径下,新建node_global和node_cache两个文件夹;
设置缓存文件夹
npm config set cache “D:\vueProject\nodejs\node_cache”,
设置全局模块存放路径
npm config set prefix “D:\vueProject\nodejs\node_global”,
设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里;

步骤六:

说明:设置环境变量可以使得任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
1、鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。
2、修改系统变量PATH
在这里插入图片描述
新增系统变量NODE_PATH
在这里插入图片描述

此时在命令行执行cnpm -v,不报错则cnpm安装成功;

Logo

前往低代码交流专区

更多推荐