由于公司開發(fā)環(huán)境無法聯(lián)網(wǎng),又使用了VUE作為前端框架。所以需要搭建一套內(nèi)網(wǎng)的VUE完整開發(fā)環(huán)境。
公司已經(jīng)使用Nexus Repository Manager OSS 3.x搭建了一套Maven私服,這個也可以用來作為npm私服,官網(wǎng)還給了篇文檔Nexus Repository Manager-代理Maven和npm快速入門。
1.搭建npm私服
網(wǎng)上已經(jīng)有很多使用Nexus2或Nexus3搭建npm私服的文檔,這里不再多說。但是如果你的VUE工程使用了node-sass或其它命令工具,僅僅只對淘寶 NPM 鏡像進行代理是不行的,我們還需要對淘寶開源鏡像進行代理。
如果您當(dāng)前使用的是Nexus2,需要創(chuàng)建一個hosted倉庫,然后將您需要文件上傳到該倉庫。
如果您當(dāng)前使用的Nexus3,直接創(chuàng)建一個RAW格式的代理倉庫,遠程地址配置為https://npm.taobao.org/mirrors即可,如下圖所示:

2.安裝Node.js
安裝過程略...
3.設(shè)置NPM鏡像地址
以管理員身份運行cmd,執(zhí)行以下命令:
rem 設(shè)置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的運行環(huán)境
前端VUE工程如果使用了node-sass,則需要先安裝node-gyp。在進行install過程中,node-sass和node-gyp工具會自動進行安裝,但其編譯需要的python2.7和微軟的Visual C++構(gòu)建工具則需要我們手動安裝,安裝方式有兩種,任選一種即可。
在線安裝
使用命令自動安裝python2.7以及VC++ build Tools,以管理員身份運行cmd,執(zhí)行以下命令即可:
npm install --global --production windows-build-tools
離線安裝
對于不能訪問外網(wǎng)的電腦,我們需要手動安裝Python2.7和Visual C++ 運行庫。
-
安裝python2.7
在進行Python2.7的安裝時,選擇Add python.exe to Path中的Entire feature will be installed on local hard drive可以自動將Python添加到環(huán)境變量中,也可以在安裝之后手動設(shè)置Python的環(huán)境變量,如下圖所示:
image.png - 安裝Visual C++運行庫
通過最新支持的 Visual C++ 下載下載Visual C++ 運行庫,然后直接進行安裝即可。
4.VUE工程的編譯
在當(dāng)前VUE工程目錄進入cmd,直接執(zhí)行yarn install和yarn run serve即可正常啟動工程。
其所依賴的node-sass、node-gyp會自動進行安裝。
