内网状态下搭建VUE开发环境

内网环境下搭建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安装成功；