内网环境搭建NPM私服和VUE的完整开发环境

由于公司开发环境无法联网,又使用了VUE作为前端框架。所以需要搭建一套内网的VUE完整开发环境。
公司已经使用Nexus Repository Manager OSS 3.x搭建了一套Maven私服,这个也可以用来作为npm私服,官网还给了篇文档Nexus Repository Manager-代理Maven和npm快速入门。


1.搭建npm私服

网上已经有很多使用Nexus2或Nexus3搭建npm私服的文档,这里不再多说。但是如果你的VUE工程使用了node-sass或其它命令工具,仅仅只对淘宝 NPM 镜像进行代理是不行的,我们还需要对淘宝开源镜像进行代理。
如果您当前使用的是Nexus2,需要创建一个hosted仓库,然后将您需要文件上传到该仓库。
如果您当前使用的Nexus3,直接创建一个RAW格式的代理仓库,远程地址配置为https://npm.taobao.org/mirrors即可,如下图所示:

内网环境搭建NPM私服和VUE的完整开发环境_第1张图片
image.png

2.安装Node.js

安装过程略...

3.设置NPM镜像地址

以管理员身份运行cmd,执行以下命令:

rem 设置npm镜像地址
npm config set registry http://ip:port/repository/npm-public/
npm config set sass_binary_site http://ip:port/repository/npm-dist/node-sass

3.安装node-gyp的运行环境

前端VUE工程如果使用了node-sass,则需要先安装node-gyp。在进行install过程中,node-sass和node-gyp工具会自动进行安装,但其编译需要的python2.7和微软的Visual C++构建工具则需要我们手动安装,安装方式有两种,任选一种即可。
在线安装
使用命令自动安装python2.7以及VC++ build Tools,以管理员身份运行cmd,执行以下命令即可:

npm install --global --production windows-build-tools

离线安装
对于不能访问外网的电脑,我们需要手动安装Python2.7和Visual C++ 运行库。

  • 安装python2.7
    在进行Python2.7的安装时,选择Add python.exe to Path中的Entire feature will be installed on local hard drive可以自动将Python添加到环境变量中,也可以在安装之后手动设置Python的环境变量,如下图所示:


    内网环境搭建NPM私服和VUE的完整开发环境_第2张图片
    image.png
  • 安装Visual C++运行库
    通过最新支持的 Visual C++ 下载下载Visual C++ 运行库,然后直接进行安装即可。

4.VUE工程的编译

在当前VUE工程目录进入cmd,直接执行yarn install和yarn run serve即可正常启动工程。
其所依赖的node-sass、node-gyp会自动进行安装。

5.参考文档

  1. node-gyp - Node.js native addon build tool

  2. Microsoft 支持.最新支持的 Visual C++ 下载

  3. node-sass binary-configuration-parameters

  4. Why does npm client need access to URLs other than my private registry?

你可能感兴趣的:(内网环境搭建NPM私服和VUE的完整开发环境)