正確的安裝和使用nvm

来源:http://www.cnblogs.com/cllgeek/archive/2016/11/18/6076280.html

前言 目前主流的node版本管理工具有兩種,nvm和n。兩者差異挺大的,具體分析可以參考一下淘寶FED團隊的一篇文章: 管理 node 版本,選擇 nvm 還是 n? 總的來說,nvm有點類似於 Python 的 virtualenv 或者 Ruby 的 rvm,每個node版本的模塊都會被安裝在各 ...


前言

目前主流的node版本管理工具有兩種,nvm和n。兩者差異挺大的,具體分析可以參考一下淘寶FED團隊的一篇文章:

管理 node 版本,選擇 nvm 還是 n?

總的來說,nvm有點類似於 Python 的 virtualenv 或者 Ruby 的 rvm,每個node版本的模塊都會被安裝在各自版本的沙箱裡面(因此切換版本後模塊需重新安裝),因此考慮到需要時常對node版本進行切換測試相容性和一些模塊對node版本的限制,我選擇了使用nvm作為管理工具,下麵就來說說nvm的安裝和使用過程。

安裝

這裡主要介紹mac的安裝(linux可以參照),windows系統的話可以參考windows

不推薦的安裝方法

一開始我是使用homebrew來安裝的,安裝命令如下:

brew install nvm

安裝完後,為了讓你可以直接在shell使用nvm指令,必須在你的 .bash_profile 加入以下這行(習慣把設定放在.bashrc的人可以把以下的.bash_profile改成.bashrc)(註:如果沒有這個文件,可以touch創建)

source $(brew --prefix nvm)/nvm.sh

或者直接輸入以下這行來加入

$ echo "source $(brew --prefix nvm)/nvm.sh" >> .bash_profile

記得重新source你的 .bash_profile 來讓設定生效

$ . ~/.bash_profile

OK,以上就完成了nvm的安裝.

我們來裝一下 node v5.12.0

nvm install 5

安裝成功後,使用nvm use 來切換版本

nvm use v5.12.0

然而出現錯誤如下: image

nvm use v4.6.2

也是如此:

nvm is not compatible with the npm config "prefix" option: currently set to "/Users/fabian/.nvm/versions/node/v0.12.7"
Run `nvm use --delete-prefix v4.6.2` to unset it.

所以只能安裝提示,使用

nvm use --delete-prefix v4.6.2

成功切換。

至於為什麼用homebrew安裝會出現上面的問題,可參考Github上的一個issue

查看nvm文檔發現:文檔中Installation 那一小節倒數第二行有一句Homebrew installation is not supported.,由此可見,沒事兒還是要多看看文檔。

推薦的安裝方法

一、卸載已安裝到全局的 node/npm

如果之前是在官網下載的 node 安裝包,運行後會自動安裝在全局目錄,其中

node 命令在 /usr/local/bin/node ,npm 命令在全局 node_modules 目錄中,具體路徑為 /usr/local/lib/node_modules/npm

安裝 nvm 之後最好先刪除下已安裝的 node 和全局 node 模塊:

npm ls -g --depth=0 #查看已經安裝在全局的模塊,以便刪除這些全局模塊後再按照不同的 node 版本重新進行全局安裝

sudo rm -rf /usr/local/lib/node_modules #刪除全局 node_modules 目錄
sudo rm /usr/local/bin/node #刪除 node
cd  /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm #刪除全局 node 模塊註冊的軟鏈

二、安裝 nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

安裝完成後請重新打開終端環境,Mac 下推薦使用 oh-my-zsh 代替預設的 bash shell。 安裝完成後,發現使用nvm install stable 安裝node速度很慢,原因嘛,大概大家都知道我大天朝的國情。 接下來介紹如何使用國內鏡像快速安裝node: 把環境變數 NVM_NODEJS_ORG_MIRROR, 那麼我建議你加入到 .bash_profile 文件中:

# nvm
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

然後你可以繼續非常方便地安裝各個版本的 node 了, 你可以查看一下你當前已經安裝的版本:

$ nvm ls
         nvm
     v0.8.26
    v0.10.26
    v0.11.11
->  v4.3.2

三、使用 cnpm 加速 npm

同理 nvm , npm 預設是從國外的源獲取和下載包信息, 不慢才奇怪. 可以通過簡單的 ---registry 參數, 使用國內的鏡像 https://registry.npm.taobao.org :

$ npm --registry=https://registry.npm.taobao.org install koa

於是屏幕又嘩啦嘩啦地一大片輸出:

$ npm --registry=https://registry.npm.taobao.org install koa
npm http GET https://registry.npm.taobao.org/koa
npm http 200 https://registry.npm.taobao.org/koa
...
npm http 200 https://registry.npm.taobao.org/negotiator
npm http 200 https://registry.npm.taobao.org/keygrip
koa[@0](/user/0).5.2 node_modules/koa
├── koa-compose[@2](/user/2).2.0
├── statuses[@1](/user/1).0.2
├── finished[@1](/user/1).1.1
├── escape-html[@1](/user/1).0.1
├── only[@0](/user/0).0.2
├── debug[@0](/user/0).8.0
├── fresh[@0](/user/0).2.2
├── type-is[@1](/user/1).0.1
├── delegates[@0](/user/0).0.3
├── mime[@1](/user/1).2.11
├── co[@3](/user/3).0.5
├── accepts[@1](/user/1).0.1 (negotiator[@0](/user/0).4.2)
└── cookies[@0](/user/0).4.0 (keygrip[@1](/user/1).0.0)

但是畢竟鏡像跟官方的 npm 源還是會有一個同步時間差異, 目前 cnpm 的預設同步時間間隔是 15 分鐘. 如果你是模塊發佈者, 或者你想馬上同步一個模塊, 那麼推薦你安裝 cnpm cli:

$ npm --registry=https://registry.npm.taobao.org install cnpm -g

通過 cnpm 命令行, 你可以快速同步任意模塊:

$ cnpm sync koa connect mocha

呃, 我就是不想安裝 cnpm cli 怎麼辦? 哈哈, 早就想到你會這麼懶了, 於是我們還有一個 web 頁面:

例如我想馬上同步 koa, 直接打開瀏覽器: https://npm.taobao.org/sync/koa

或者你是命令行控, 通過 open 命令打開:

$ open https://npm.taobao.org/sync/koa

如果你安裝的模塊依賴了 C++ 模塊, 需要編譯, 肯定會通過 node-gyp 來編譯, node-gyp 在第一次編譯的時候, 需要依賴 node 源代碼, 於是又會去 node dist 下載, 於是大家又會吐槽, 怎麼 npm 安裝這麼慢…

好吧, 於是又要提到 --disturl 參數, 通過七牛的鏡像來下載:

$ npm --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/mirrors/node install microtime

再次要提到 cnpm cli, 它已經預設將 --registry 和 --disturl 都配置好了, 誰用誰知道 如果不想使用cnpm cli,可以

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

nvm常用命令

  • nvm install <version> ## 安裝指定版本,可模糊安裝,如:安裝v4.4.0,既可nvm install v4.4.0,又可nvm install 4.4

  • nvm uninstall <version> ## 刪除已安裝的指定版本,語法與install類似

  • nvm use <version> ## 切換使用指定的版本node

  • nvm ls ## 列出所有安裝的版本

  • nvm ls-remote ## 列出所以遠程伺服器的版本(官方node version list)

  • nvm current ## 顯示當前的版本

  • nvm alias <name> <version> ## 給不同的版本號添加別名

  • nvm unalias <name> ## 刪除已定義的別名

  • nvm reinstall-packages <version> ## 在當前版本node環境下,重新全局安裝指定版本號的npm包

附:MAC 打開.bash_profile

  1. 啟動終端Terminal

  2. 進入當前用戶的home目錄

輸入cd ~
  1. 創建.bash_profile
輸入touch .bash_profile
  1. 編輯.bash_profile文件
輸入open -e .bash_profile
  1. 保存文件,關閉.bash_profile

  2. 更新剛配置的環境變數

輸入source .bash_profile

Linux中profile、bashrc、bash_profile之間的區別和聯繫


您的分享是我們最大的動力!

更多相關文章
  • 一、Python安裝1、下載安裝包 https://www.python.org/downloads/2、安裝 預設安裝路徑:C:\python273、配置環境變數 【右鍵電腦】--》【屬性】--》【高級系統設置】--》【高級】--》【環境變數】--》【在第二個內容框中找到 變數名為Path 的一 ...
  • 原文地址: 阿裡巴巴前架構師 360 度無死角剖析微服務 簡述 Microservices(微服務) 1. 一些辭彙和技術 1)微服務 敏捷開發模式 SOA 分散式服務 2)Spring MVC Zookeeper Dubbo Spring Cloud 3) 服務註冊中心 服務網關 OpenStac ...
  • A集成代碼生成器 [正反雙向(單表、主表、明細表、樹形表,開發利器)+快速構建表單 下載地址 ; freemaker模版技術 ,0個代碼不用寫,生成完整的一個模塊,帶頁面、建表sql腳本,處理類,service等完整模塊B 集成阿裡巴巴資料庫連接池druid; 資料庫連接池 阿裡巴巴的 druid。 ...
  • 一、設計模式(Design pattern)是什麼? 設計模式是一套被反覆使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結。使用設計模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。 二、為什麼要有設計模式? 在軟體開發過程中,一個功能的實現方式多種多樣,不同方法的可擴展性、可維護 ...
  • 1 ABP創建資料庫操作步驟 1.1 SimpleTaskSystem.Web項目中的Web.config文件修改資料庫配置。 1.2 “程式包管理器控制台”選擇相應選項。 (1)程式包源:nuget.org (2)預設項目:SimpleTaskSystem.EntityFramework 1.3 ...
  • 最近想在網站上留下聯繫方式,想到自己沒少遇到過點擊超鏈接就喚醒qq的把戲,於是就搜了一下發現都是一個人的代碼。 講得也不是很清楚,就看了一下。 用瀏覽器打開以上的地址,會提示打開QQ運行,說明你沒有登錄QQ或者沒有檢測到QQ登錄,你點擊自動運行即可。 fuin代表主動添加的一方,uin是被加的一方, ...
  • 遇到一個需要向匿名函數傳遞迴圈控制變數的問題,我受到園子里這篇文章的啟發【筆記】js獲取當前點擊元素的索引,解決了這個問題。現在把代碼貼出來,以防止自己忘記。 註意代碼中的第6行:給equipList[i]對象添加了一個index屬性,並將變數i賦值給它,這樣equipList[0]的index值為 ...
  • 很常用的一款特效純CSS完成tab實現5種不同切換對應內容效果 實例預覽 下載地址 實例代碼 <div class="main"> <ul class="tabs"> <li> <input type="radio" checked name="tabs" id="tab1"> <label for ...
一周排行
  • C#中的DefaultView方法 簡介: 首先可建立一個表,對錶進行填充若幹條數據,代碼如下: //創建Table1 DataTable dt = new DataTable(); //對Table1添加列名,並設置列值類型 DataTable dt1 = new DataTable();//創建 ...
  • 1、運行程式報錯: FailFast: Couldn't find a valid ICU package installed on the system. 解決方法: yum install icu -y 2、程式運行後,本地可以訪問,但其他機器無法訪問,需要開放埠 firewall-cmd - ...
  • 只是一個Demo,所用有很多功能也沒有添加進去如分頁,輸入驗證,頁面也沒有進行精心佈局。 整體先來幾張圖解 ...
  • Core提供二種開發模式:Core Pages和Core MVC,今天介紹的是Core MVC。 1、創建web MVC項目 新建service/h_r.baseservice類庫文件、data/h_r.efdata類庫文件、common/h_r.common類庫文件。 引入需要的CSS文件和JS文 ...
  • 學習網址:https://docs.microsoft.com/zh-cn/visualstudio/get-started/visual-studio-ide?view=vs-2019 示範 vs2019: 變數的重命名的重構,更改該變數命名的同時,引用該變數的地方也會更改,如果該變數有被反射用到 ...
  • 1、在data裡面新建個Entity文件用於存放表映射,設計資料庫,執行如下語句 Scaffold-DbContext -Force "server=.;user=sunyong;password=1qaz!QAZ;database=hr;" Microsoft.EntityFrameworkCor ...
  • 1、發送郵件類,百度一大堆,這裡用的也是直接百度拿過來的 public static bool get_send_email(email email, string Title, string Body) { MailMessage mailMsg = new MailMessage(); mail ...
  • 1、添加用戶列表控制器,用於用戶列表顯示,登錄,增刪改查,郵件發送,下載 public userlistController(MainDbContext _db, ILogger<operatorlog> _logger, IOptions<email> sendMail) { db = _db; ...
  • 1、用戶列表頁面 @{ Layout = Layout = null;}<table id="datalistuser" class="easyui-datagrid" url="/userlist/getuserlist" toolbar="#toolbaruser" rownumbers="tr ...
  • 1、引用包 Microsoft.EntityFrameworkCore.Tools Microsoft.EntityFrameworkCore.SqlServer Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation Microsoft.AspNetCo ...