Node環境配置

node 配置

node 安裝

nodejs 是現在 前端開發 必須的一個部分, 它可以幫助我們實現一些后端操作, 進行代碼管理.

通常情況下, 我們用的最多的是 代碼管理部分

1. 下載 nodejs : http://nodejs.cn/download/

2. 安裝 nodejs, 安裝過程 除了 安裝地址外, 可以一路 Next, 注意記住 安裝地址

另外要注意地址中 Program Files , 把中間的空格去掉 ProgramFiles, 這里有坑一定要去掉

3. 安裝完成后 使用 win+R 輸入 cmd , 打開 命令行窗口, 分別輸入 node -v 和 npm -v, 查看對應結果, 如果返回是 版本數字則代表安裝成功

安裝成功后, 為了 不讓 `nodejs` 的 緩存文件和下載文件出現在 `c盤`, 占用 `c盤` 空間
則需要修改其 緩存地址 和 下載地址

node 配置

通過修改 node 配置, 將 緩存文件 和 下載文件 位置調整到 我們想要的地方

1. 找到 nodejs 安裝的地方, 也就是 一開始 安裝時地址

2. 在根目錄 新建2個文件夾 node_cache , node_global , 以及在 新建的 node_global 中 再建一個 node_modules

目錄結構

| nodejs
  ├ node_cache
  ├ node_global
    ├ node_modules
  ├ node_modules

3. 使用 win+R 打開 cmd 窗口, 輸入

npm config set cache "D:\Develop\nodejs\node_cache"

npm config set prefix "D:\Develop\nodejs\node_global"

其中的地址是 2 步驟中, 新建的二個文件夾地址, cache 對應 cache, global 對應 global

4. 設置好后 打開 環境變量,

環境變量 在 桌面 -> 我的電腦 -> 右鍵屬性 -> 高級系統設置 -> 高級

5. 在 系統變量 中 選擇 新建

變量名: NODE_PATH

變量值: D:\Develop\nodejs\node_global\node_modules (步驟2中 global 里面的 modules 文件夾地址, 不要直接復制,根據你的地址修改,我這個是范例)

6. 在 用戶變量 中 修改 后綴為 npm 的地址, 通常在 c盤,

比如 : C:\Users\......\AppData\Roaming\npm

將它修改為 新增的 node_global 地址

7. 修改后保存退出 , 重新打開 cmd, 記住重新打開, 一樣輸入 node -v 和 npm -v,查看結果, 如果有版本號, 則修改成功, 沒有 則需要 以上操作重新過一遍,查看問題

npm 配置

npm 是 nodejs 的包管理工具, 是我們下載 資源的必備工具
它是隨着 nodejs 一起安裝的, 通常來說 nodejs 安裝成功就可以使用了
但是因為 npm 默認的 數據源, 也就下載的倉庫, 網速過於緩慢, 所以需要修改為國內源
國內源用的最多的就是 淘寶

1. 打開 cmd, 輸入 npm config set registry https://registry.npm.taobao.org

2. 可以使用 npm config list 來查看 npm 的相關配置

3. 有興趣也可以修改 npm 的配置, 不過因為 yarn 比 npm 下載速度更快, 所以 npm 只會用幾次,就不提供相關配置了

yarn 配置

yarn 是 目前 npm 的替代方案, 擁有更加快速的下載速度, 以及一些下載優化

1. 打開命令行 cmd , 輸入 npm install -g yarn

2. 然后 任意一個盤符(C盤,D盤...), 最好是 nodejs 的同級目錄, 方便管理, 新建 一個文件夾 Yarn(任意名稱即可, 但注意不要有空格符 尤其是 Program Files 之類)

3. 在 Yarn 中新建2個 文件夾 yarn_cache yarn_global

| nodejs
| Yarn
  ├ yarn_cache
  ├ yarn_global

4. 打開 cmd 窗口, 輸入

yarn config set cache-folder "D:\Yarn\yarn_cache"

yarn config set global-folder "D:\Yarn\yarn_global"

其中 地址是 剛剛新建的 2個文件夾

5. 修改源 , 和npm 一樣,需要修改 源地址

yarn config set registry https://registry.npm.taobao.org

6. 查看 yarn 配置 yarn config list, 確定配置正常之后就安裝完成了