入門日記之安裝Node.js

先到Node.js的官網（https://nodejs.org/zh-cn/）下載安裝檔案

選擇長期支援版

我選擇安裝到了D盤


這裡有幾個自定義配置，預設全部都配
第一個是node.js的執行環境
第二個是npm的包管理工具
第三個是聯機文件快捷方式
第四個是將node.js與npm新增到環境變數

通過百度翻譯
大致意思是：
Some npm modules need to compiled from C/C++ when installing. If you want to be able to install such modules,
some tools(Python and Visual Studio Build Tools) need to be installed.
一些npm的模組在安裝時需要用到C/C++、Python、Visual Studio Build Tools等工具。

automatically install the necessary tools.note that this will also install Chocolatey.The script will pop-up in a new window after the installation completes.
自動安裝必要的工具。

請注意，將安裝Chocolatey（Windows下的一個包管理工具）。

安裝完成後，指令碼將在新視窗中彈出。

為了避免手動安裝的麻煩，建議勾選

Install後出現這個介面

此指令碼將根據需要安裝Python和visualstudio構建工具

編譯節點.js本機模組。請注意，Chocolatey和必需的視窗

還將安裝更新。

這將需要大約3 Gb的可用磁碟空間，再加上恢復所需的任何空間

安裝Windows更新。這將需要一段時間來執行。

請在安裝期間關閉所有開啟的程式。如果

安裝失敗，請確保Windows已完全更新，重新啟動

再次嘗試執行。這個指令碼可以在

“開始”選單下節點.js.

你現在可以關上這扇窗停下來。詳細的安裝說明

手動工具可在https://github.com/nodejs/node-gyp#on-windows

按下空格繼續

使用此指令碼下載第三方軟體

---

這個指令碼將直接向Chocolatey 安裝軟體包。通過使用

安裝一個chocolatey包，你正在接受許可證

應用程式、可執行檔案或其他工件作為

chocolatey裝的結果。無論你是否知道

許可條款與否。閱讀並理解軟體包的許可條款

正在安裝及其在安裝之前的依賴關係：

• https://chocolatey.org/packages/chocolatey

• https://chocolatey.org/packages/python

• https://chocolatey.org/packages/visualstudio2017-workload-vctools

此指令碼按原樣提供，不提供任何形式的保證

---

chocolatey已經在他們的過程中實施了安全保障措施來幫助他們

保護社群免受惡意軟體或盜版軟體的侵害，但是

劇本風險自負。請閱讀chocolatey的法定使用條款

以及社群儲存庫chocolatey.org保持。

按下空格繼續

然後出現了這麼一個命令列，意味著開始下載那些工具了

It’s very likely you will need to close and reopen your shell before you can use choco.
很可能您需要關閉並重新開啟shell
在你用Chocolatey 之前。

You can safely ignore errors related to missing log files when
upgrading from a version of Chocolatey less than 0.9.9.
‘Batch file could not be found’ is also safe to ignore.
‘The system cannot find the file specified’ - also safe.
您可以安全地忽略與丟失的日誌檔案相關的錯誤

從低於0.9.9的chocolate版本升級。

“找不到批處理檔案”也可以安全地忽略。

‘系統找不到指定的檔案’-也是安全的。

這些Wraning資訊問題不大，慢慢等待安裝。

但是這裡會給我們在C盤安裝一個Python39，由於我已經安裝了Anaconda3，後面考慮能不能把這玩意給解除安裝掉，這個Python可能會與現有的Anaconda3衝突。

等待長達幾分鐘，出現了一句Type ENTER to exit:
這應該是在告訴我敲下回車退出。

我嘗試按了一下回車，好的，退出了，這說明安裝完了。

看了下C盤果然多了個Python39

系統變數Path也多出了兩行

看我先把環境變數殘忍的刪掉。

Python39就不能直接刪了。
要到控制皮膚的解除安裝程式裡去刪，一個是Python39 一個是Python Launch，解除安裝時會告訴你要解除安裝的版本號是不是Python39。
如果你覺得有風險，可以不刪除。
檢視一下node.js與npm的版本以及npm的一些配置資訊
node -v
npm -v
npm config list

從別的地方得知，預設的npm倉庫地址是在C:\Users\admin\AppData\Roaming\npm
我希望換到D盤
在D:\nodejs下新建npm_prefix與npm_cache兩個資料夾
開啟命令列執行
npm config set prefix D:\nodejs\npm_prefix

可以看到，倉庫位置發生了改變，並且多了個userconfig檔案。
這個檔案裡寫明瞭我們修改後的一些配置引數。

接下來再將快取目錄轉移到D盤。
npm config set cache D:\nodejs\npm_cache

然後，將環境變數中的本地npm倉庫路徑修改一下
將C:\Users\admin\AppData\Roaming\npm
修改為D:\nodejs\npm_prefix（你所設定的位置）

接下來需要更改npm的映象源為國內的，因為預設是走國外的網路，速度很慢。

檢視當前的遠端倉庫
npm config get registry

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
依次執行這三個配置將當前國外映象設定為淘寶映象
如果沒有報錯
你會在.npmrc檔案中多看到三行，就是我們修改的那些路徑

檢視當前的npm遠端倉庫路徑

最後檢查一下配置

我使用WebStorm進行試驗

在這個介面開啟Configure->Settings配置一下node.js與npm的路徑

回到啟動介面，新建一個React App試試水。

出現正在安裝react的提示了，程式碼閃的很快，但能看出來是在使用淘寶映象進行下載安裝。

這應該是提示我安裝完成了。

看到有預設的專案結構了


檢視一下node_modules 安裝的位置，發現是在當前專案下安裝的，這個原理是啥我也不清楚。。。

右上角很貼心的有配置了npm start
執行一波，出現

這說明Node.js安裝成功了，npm的淘寶映象倉庫也設定好了。