又到了一期一會安軟件的日子，每次都被自定義路徑折磨致死。。。
一、node.js下載
下載完後雙擊 node-v12.3.1-x64.msi 安裝即可。
目錄結構：我的node路徑是 G:\Node，下面有node_modules文件夾、node文件、node.cmd，node_modules文件夾裏有npm包。
這裏先說一下環境變量，自己下載時候好多教程都說了要改環境變量，就找了下環境變量的對應關係。環境變量就是指向的.exe或者.cmd文件的路徑，能告訴系統指令的路徑在哪裏，這裏此電腦右鍵->屬性->高級系統設置->環境變量->系統變量->path->G:\Node 就對應着npm、npm.cmd等的位置（可見下文目錄結構），如果後期有報錯'"node"' 不是內部或外部命令，也不是可運行的程序 或批處理文件”之類的，可能就是因爲某些程序的環境變量對應位置不正確。
二、cnpm鏡像下載
（因爲cnpm是npm的鏡像，我就把cnpm下到npm同目錄下了）
cmd下指令 ：G:\Node>npm install -g cnpm --registry=https://registry.npm.taobao.org
（如果因爲網絡問題可能進度條卡在那裏沒有動靜，退出去多試幾次）
目錄結構：G:\Node下有node_modules文件夾、node文件、node.cmd、cnpm文件、cnpm.cmd，node_modules文件夾裏有npm、cnpm包。（看着很整齊，很一一對應吧OvO）
檢驗指令：
G:\Node>npm -v
6.9.0
G:\Node>cnpm -v
[email protected] (G:\Node\node_modules\cnpm\lib\parse_argv.js)
[email protected] (G:\Node\node_modules\cnpm\node_modules\npm\lib\npm.js)
[email protected] (G:\Node\node.exe)
[email protected] (G:\Node\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=G:\Node\node_global_modules
win32 x64 10.0.17134
registry=https://r.npm.taobao.org
*三、自定義npm指令的下載路徑（cnpm同理）
（如果在cnpm下載前就重新定義了路徑，cnpm就會被下載到G:\Node\node_global_modules裏，或者報錯'"cnpm 不是內部或外部命令，也不是可運行的程序 或批處理文件”，需要添加環境變量 系統變量->path->G:\Node\node_global_modules 就對應着cnpm、cnpm.cmd等修改過後的如下的下載位置。）
指令：G:\Node>npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.9.0 node/v12.3.1 win32 x64"
; userconfig C:\Users\lx\.npmrc
prefix = "C:\Users\lx\AppData\Roaming" //這裏就是需要改的下載路徑
; builtin config undefined
; node bin location = G:\Node\node.exe
; cwd = G:\Node
; HOME = C:\Users\lx
; "npm config ls -l" to show all defaults.
在G:\Node目錄下建立文件夾node_cache、node_global_modules
（這裏node_cache不添加的話，後面下載會在C:\Users\lx下出現cache文件夾）
cmd執行命令：
G:\Node>npm config set prefix "G:\Node\node_global_modules" //這裏以後就是全局位置,cnpm install -g xxx
G:\Node>npm config set cache "G:\Node\node_cache"
四、vue安裝
cmd指令：
G:\Node>cnpm install -g webpack
G:\Node>cnpm install -g vue （-g 表示安裝到全局位置，就是上文的G:\Node\node_global_modules）
G:\Node>cnpm install -g vue-cli
目錄結構：G:\Node\node_global_modules下面有node_modules文件夾、vue文件、vue.cmd，node_modules文件夾裏有webpack、vue、vue-cli包，，，就很整齊很像G:\Node的npm、cnpm的目錄結構（因爲原理本來就差不多呀~）
五、配置自己的vue project
進入vue文件夾，
cmd指令：G:\Node\node_global_modules\node_modules\vue>vue init webpack my-vue
下面會彈出project name、project description等空白區填寫命名（最後一項選最後一個自己手動安裝快一些）
進入到my-vue文件夾中，
cmd指令：G:\Node\node_global_modules\node_modules\vue\my-vue>cnpm install
然後my-vue裏面會出現node_modules文件夾
檢驗指令：G:\Node\node_global_modules\node_modules\vue\my-vue>cnpm run dev
會告訴你你的項目是在哪裏運行的。(http://localhost:8080，瀏覽器打開即可顯示出my-vue裏的index.html)
如果報錯'"vue"' 不是內部或外部命令，也不是可運行的程序 或批處理文件”，需要添加環境變量 系統變量->path->G:\Node\node_global_modules 就對應着vue、vue.cmd等的位置（可見上文目錄結構）。
參考教程：
vue安裝：https://blog.csdn.net/m0_37920381/article/details/80462551
自定義路徑：https://blog.csdn.net/u010249656/article/details/82187716
cnpm不是內部或外部命令的解決辦法：https://blog.csdn.net/fighting_2017/article/details/76979844
（其實就是目錄結構與環境變量對應的問題）