今天搭建環境異常的認真，現在已經凌晨2點了，終於又解決了一個問題，把所有的東西還是記錄一下，以防萬一之后又要去用。
一、理清關系
首先是自己遇到的幾個問題：
前提是我現在下載了一個VUE相關的代碼，想運行起來，然后查了各種相關的東西，需要什么npm webpack node。。。總之有點混亂，於是先整理了幾個問題，如下：
1、webpack和node的關系是什么？
2、如果我只想用npm，不想安裝node，可以嗎？
3、vue和webpack npm的關系又是什么？
依賴於這三個問題，來理清一下這三者的最終關系。
（1）vue.js是前端的一個框架，寫出來的都是一個個vue文件，這些文件是瀏覽器不識別的文件，所以需要以來一種工具把vue文件轉換為瀏覽器可識別的文件。
（2）OK，webpack就是這個工具，它可以將這些文件進行打包，完成這個功能。
（3）webpack打包需要依賴npm，而npm是依賴於Node.js環境的。
所以，總結下來就是：webpack依賴node.js環境，將vue文件打包為瀏覽器可以直接識別的文件，在瀏覽器里面運行。
好了，應該是理清楚了！（如果有問題，麻煩指出）
二、nodeJs、npm的安裝和配置
下面的內容是參考此鏈接：https://jingyan.baidu.com/article/48b37f8dd141a646488bc.html
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。 Node.js 的使用包管理器 npm來管理所有模塊的安裝、配置、刪除等操作，使用起來非常方便，但是想要配置好npm的使用環境還是稍微有點復雜，下面跟着我一起來學習在windows系統上配置NodeJS和NPM吧。
安裝NodeJS和NPM
-
打開NodeJS的官網，默認的情況主頁就提供了Windows版本的下載鏈接，我們下載8.12.0 LTS版，LTS代表長期支持版本，一般新手建議使用這個版本，因為這個版本使用的人最多，出問題能找到解決方案的概率較大。如下圖所示：
-
下載完成后雙擊下載好的node-v8.12.0-x64文件開始安裝，點擊next進入下一步，勾選同意協議，繼續下一步。然后選擇安裝的位置，默認是在C盤，改成D盤安裝，這是個好習慣，建議保持。然后進入模塊配置步驟。
一路next -
這一步是選擇安裝哪些模塊，默認是全部安裝，對於新手來說建議全部安裝。點開那個add path選項前面的+號，我們看到，會主動把NodeJS和NPM這兩個模塊的命令路徑添加到系統路徑里，對於我們來說就非常方便了。點擊next繼續下一步，然后確認信息，點擊Install開始安裝，然后程序就開始復制文件等一系列步驟。一直到安裝完畢。4
-
4
安裝完畢后點擊finish結束安裝進程，然后在開始搜索欄輸入nodejs，點運行。輸入cmd后敲回車，在打開的命令行界面，依次輸入命令：
node -v
npm -v
如果正確輸出版本號，說明我們的NodeJS和NPM就安裝好了，如下圖所示：
END
配置NodeJS和NPM
-
並不是說NodeJS和NPM安裝好了以后就能直接使用了，這也是新手經常犯的一個錯誤之一。因為默認情況下，NPM安裝的模塊並不會安裝到NodeJS的程序目錄，比如上面安裝的時候我們設置的D:\Program Files\nodejs\目錄。
-
這里我們要分兩步，第一步修改NPM的緩存目錄和全局目錄路徑，將對應的模塊目錄改到D盤nodejs的安裝目錄，第二步是配置npm和nodejs的環境變量，這樣nodejs才能正確地調用對應的模塊。
我們先來做第一步，在D盤nodejs目錄下創建兩個目錄，分別是node_cache和node_global，這是用來放安裝過程的緩存文件以及最終的模塊配置位置。配置完成后，執行下面這兩個命令：
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
將npm的全局模塊目錄和緩存目錄配置到我們剛才創建的那兩個目錄：
-
然后我們打開cmd命令行界面，在使用命令安裝cluster模塊，命令如下：
npm install cluster -g
然后打開剛才創建的node_global目錄，可以看到此時cluster目錄就安裝到這個目錄底下了。
-
然后我們來配置npm的環境變量和nodejs的環境變量。在計算機圖標上點右鍵，選屬性，然后點擊高級系統配置，彈出來的新窗口右下角有個環境路徑，點擊去，就能看到環境路徑的配置界面，我們點擊新建。(注意：該處是新建用戶變量，而不是系統變量) 然后在彈出來的窗口里，變量名填：NODE_PATH
變量值填：D:\Program Files\nodejs\node_modules\
填寫好后點確定，然后就能看到我們配置好的NPM環境路徑。
-
此時還需要修改一些nodejs默認的模塊調用路徑，因為模塊的安裝位置變了，如果nodejs的命令還到原來的位置去找，肯定是找不到安裝的模塊了。我們在環境變量窗口，選擇Path，然后點擊右下角的編輯，然后選擇npm那個。點擊右邊的編輯，將其修改為：D:\program\node\node_global\
然后點確定，保存這個配置。
-
這個時候所有的配置工作才算完成了，然后打開一個新的cmd窗口。先輸入命令：
node
進入nodejs的交互式命令控制台，然后輸入：
require('cluster')
如果能正常輸出cluster模塊的信息，說明上面的所有配置就算生效了。
-
我們還需要做的最后一個工作是，將npm的模塊下載倉庫從默認的國外站點改為國內的站點，這樣下載模塊的速度才能比較快，只需要一個命令即可，命令是：
npm --registry https://registry.npm.taobao.org install cluster
上面的命令是臨時使用國內一家npm源的地址來安裝cluster模塊。從下面圖中可以看到，速度非常快。只用了不到0.8秒。而我們上面第一次安裝的時候用了差不多3秒多，速度快了3倍多。
如果想一直使用這個源的地址，那么可以使用下面這個命令來配置。
npm install -g cnpm --registry=registry_url
registry_url指的是國內提供的一些npm倉庫地址，常用的有：
https://registry.npm.taobao.org
http://r.cnpmjs.org/
這兩個都可以使用。如下面第二張圖所示，配置好國內源后，安裝一個較大的模塊express，只用了不到6秒多一點，速度提升還是非常可觀的。至此，nodejs和npm在windows上的配置就全部完畢。
如何運行vue項目：
參考：https://www.cnblogs.com/pengjunhao/p/6762141.html