內(nèi)網(wǎng)環(huán)境搭建NPM私服和VUE的完整開發(fā)環(huán)境

由于公司開發(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即可,如下圖所示:

image.png

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會自動進行安裝。

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?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容