一、搜索到的相關概念:
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
npm是 Node packaged Modules(node的包管理工具)。本身用node.js編寫,是管理基於node.js編寫的命令行工具。
webpack 是一個前端資源加載/打包工具
二、遇到的問題
ERR! Windows_NT 6.1.7601.....
起因:公司的前端資源目前是使用gulp打包的,我想去試一下用webpack打包是什麼體驗,會不會打包的時候更快一些。於是就開始了這一旅程....
經過:
1、先去node官網https://nodejs.org/zh-cn/下載新版的nodejs(我下載的時v6.10.0目前最新版的)
2、然後安裝好之後,同時npm也已經備安裝完成,因爲新版的node把npm內置進去了。
3、快捷鍵Alt+R,輸入cmd進入命令行,然後輸入node -v和npm-v,如果出來版本號就說明安裝成功了。
4、在命令行輸入 $ npm install webpack -g (-g全局安裝)
as a rsult,悲劇了,出來的錯誤信息如圖。仔細查看錯誤信息,this is most likely not a proble with npm itself,and is related to network connectivity。
很明顯就是說我網絡連接有問題,我知道,公司開發網是無法訪問外網的額,問題我已經開了代理了呀。沒道理網絡還有問題,於是我就編輯配置,
(1)把倉庫設置爲淘寶$ npm config set registry "https://registry.npm.taobao.org/"
爲什麼,還是不行,
(2)那就在配置文件裏面把代理的也修改了(http和https都設置了)
$ npm config set proxy http://server:port $ npm config set https-proxy http://server:port
還是不行,我同事過來說要設置命令行,命令行在公司內網被牆了,恍然大悟啊,原來是設置的時瀏覽器的代理沒有設置命令行的代理。很不愉快的,再來一把,設置一下命令行代碼。這樣設置:
set http_proxy=http://proxy.com:port/
set http_proxy=https://proxy.com:port/
設置完命令行代理,就輕鬆愉快的安裝好了,現在在自己的私下項目嘗試webpack打包。
三、webpack周邊
針對npm配置的命令行操作
npm config set <key> <value> [--global]
npm config get <key>
npm config delete <key>
npm config list
npm config edit
npm get <key>
npm set <key> <value> [--global]