天天看點

Win7 下安裝及使用NVM node.js

參考文檔:

環境:

win7 64位

參考部落格

nvm安裝與使用nvm下載下傳不同版本nodejs

https://blog.csdn.net/seu_lxy/article/details/94635659

https://blog.csdn.net/gaoqiang1112/article/details/80898134

node管理工具 nvm 下載下傳安裝和使用

node 配置全局環境

https://blog.csdn.net/gaoqiang1112/article/details/80366250

Windows下完全解除安裝node.js并安裝node.js的多版本管理工具nvm-windows

https://blog.csdn.net/lewky_liu/article/details/87959839

解除安裝

1 解除安裝系統上現有node(如果有)

2 在環境變量中删除所有與node相關的路徑(無論是user級,還是system級)

3 删除以下路徑的檔案(可能隻有部分檔案才有)

C:\Program Files (x86)\nodejs

C:\Program Files\nodejs

C:\Users{User}\AppData\Roaming\npm

C:\Users{User}\AppData\Roaming\npm-cache

請注意: 在安裝nvm for windows之前,你需要解除安裝任何現有版本的node.js。并且需要删除現有的nodejs安裝目錄(例如:"C:\Program Files\nodejs’)。因為,nvm生成的symlink(符号連結/超連結)不會覆寫現有的(甚至是空的)安裝目錄。

你還需要删除現有的npm安裝位置(例如“C:\Users\weiqinl\AppData\Roaming\npm”),以便正确使用nvm安裝位置。

在Windows下完全解除安裝已安裝的node.js

從解除安裝程式解除安裝程式和功能,也可以直接右鍵node.js的安裝包并選擇解除安裝。

重新啟動(或者重新啟動任務管理器殺死所有與節點相關的程序)。

從下列的目錄中找到相關的内容并删除掉:

C:\Program Files (x86)\nodejs

C:\Program Files\nodejs

C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)

C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

檢查%PATH%環境變量以確定沒有引用Nodejs或npm存在。

重新啟動電腦。

安裝 nvm

https://github.com/coreybutler/nvm-windows/releases

下載下傳最新版nvm并安裝nvm-setup.zip

nvm-setup.exe

Win7 下安裝及使用NVM node.js

建立空目錄F:\vue\dev

Win7 下安裝及使用NVM node.js

F:\vue\dev\nvm

Win7 下安裝及使用NVM node.js

F:\vue\dev\nodejs

Win7 下安裝及使用NVM node.js

安裝. 安全軟體會報警說修改系統環境變量

到path中去看看

Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

在系統變量和使用者變量中 都有

之後選擇nvm的本地安裝目錄,這裡注意,nvm的安裝路徑名稱中最好不要有空格。中文字元 。

NVM 的安裝路徑裡不能有空格和中文字元,否則在使用 nvm use進行版本切換的時候,會報錯exit status 1。最常見的情況,就是把nvm預設裝到了C:\Program Files

nvm 配置路徑和下載下傳源

在nvm安裝路徑下setting.txt檔案中配置如下資訊: 設定nvm路徑(相當于setting.txt中的root:): 設定nodejs路徑(相當于setting.txt中的path:): nvm node_mirror npm.taobao.org/mirrors/nod… nvm npm_mirror npm.taobao.org/mirrors/npm…

nvm預設從官方源進行下載下傳,為了下載下傳平穩快速,可以使用淘寶鏡像,在nvm安裝目錄下的settings檔案中添加如下鏡像位址即可:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
           

配置檔案

root: F:\vue\dev\nvm
path: F:\vue\dev\nodejs

node_mirror: https://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

           
Win7 下安裝及使用NVM node.js
5,測試nvm
Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

nvm list available

Win7 下安裝及使用NVM node.js

nvm install 12.13.1

Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

nvm use 12.13.1

node -v

npm -v

建立空目錄:

F:\vue\dev\node_cache

F:\vue\dev\node_global

npm config set cache “F:\vue\dev\node_cache”

npm config set prefix “F:\vue\dev\node_global”

prefix這個不确定需要不需要

Win7 下安裝及使用NVM node.js

npm config ls

Win7 下安裝及使用NVM node.js

npm install -g nrm

Win7 下安裝及使用NVM node.js

nrm ls

Win7 下安裝及使用NVM node.js

nrm use cnpm 使用淘寶鏡像

Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

1:設定新的registry 配置:

npm config set registry https://registry.npm.taobao.org --global 先不要用這個

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

2:檢視了下目前的registry 配置:

npm config get registry:

配置後可通過下面方式來驗證是否成功

npm config get registry 或 npm info express

npm install -g @vue/cli

Win7 下安裝及使用NVM node.js
F:\vue>npm install -g @vue/cli
npm WARN deprecated core-[email protected]2.6.11: core-[email protected]<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-[email protected]3.
F:\vue\dev\node_global\vue -> F:\vue\dev\node_global\node_modules\@vue\cli\bin\vue.js

> core-[email protected]2.6.11 postinstall F:\vue\dev\node_global\node_modules\@vue\cli\node_modules\babel-polyfill\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
           

npm config get registry 或 npm info express

npm install -g @vue/cli

vue create my-project

Win7 下安裝及使用NVM node.js

NODE_GLOBAL

F:\vue\dev\node_global

Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

;%NODE_GLOBAL%

建立vue工程

nodejs的安裝

nvm install latest安裝最新版nodejs

npm install nodejs版本号

nvm install stable #安裝最新穩定版 node

使用nvm use (具體版本) 切換nodejs版本。D:\dev目錄下多了一個nodejs檔案夾,這個檔案夾不是單純的檔案夾,它是一個快捷方式具體nodejs 檔案夾。

nvm list指令,檢視已經安裝的nodejs版本

然後輸入node -v 和npm -v之後會有版本号,表明安裝無誤

、檢視所有全局安裝子產品

npm list -g --depth 0

檢視全局安裝路徑

npm config ls

上面指令執行後看到prefix就是子產品全局安裝路徑

nvm install 12.13.1

Win7 下安裝及使用NVM node.js

Windows 系統下設定Nodejs NPM全局路徑

Windows下的Nodejs npm路徑是appdata,很不爽,想改回來,但是在cmd下執行以下指令也無效

npm config set cache “D:\nodejs\node_cache”

npm config set prefix “D:\nodejs\node_global”

最後在nodejs的安裝目錄中找到node_modules\npm.npmrc檔案

修改如下即可:

prefix = D:\nodejs\node_global

cache = D:\nodejs\node_global

# get available node version list
    nvm list available
# install specific node version you need
    nvm install The_Version_You_Need
# list the node you have installed in your PC
    nvm list
# switch node version you need 
    nvm use The_Version_You_Need

           
Win7 下安裝及使用NVM node.js
Win7 下安裝及使用NVM node.js

Node.js入門(含NVM、NPM、NVM的安裝)

https://www.cnblogs.com/qianguyihao/p/8492713.html?tdsourcetag=s_pcqq_aiomsg

NPM 不需要單獨安裝。預設在安裝 Node 的時候,會連帶一起安裝 NPM:

Node 附帶的 NPM 可能不是最新版本,可以用下面的指令,更新到最新版本:

$ npm install npm -g

NRM的安裝

由于 NPM 的資源都在國外,有時候會被牆,導緻無法下載下傳或者很慢。此時可以用到NRM。

NRM:Node Registry Manager。作用是:切換和管理包的鏡像源。項目位址:https://www.npmjs.com/package/nrm

安裝 NRM:

npm install -g nrm
           

NRM 的常用指令:

nrm ls //顯示全部的鏡像

nrm use taobao // 使用淘寶的鏡像

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

注意:此處位址一定要是 https 開頭,如果是 http 開頭,npm 會很慢卡住。

npm config set prefix “D:\···自己的安裝路徑\nodejs\node_global” 配置全局安裝路徑

npm config set cache “D:\···自己的安裝路徑\nodejs\node_cache” 配置緩存的路徑

配置完成後,再使用 npm config ls 檢視一下配置清單,确認是配置成功。

npm install -g @vue/cli

vue create my-project

切換淘寶鏡像cnpm

npm install nrm -g --save 安裝nrm

nrm ls 檢視預設配置

nrm use cnpm 使用淘寶鏡像

vue create vue-test //vue-test是項目名稱

vue-cli 4.0安裝及項目搭建

https://blog.csdn.net/dapaoshinidie/article/details/102958050

vue-cli4.1.1使用注意事項

https://blog.csdn.net/weixin_41786470/article/details/103399708

Vue cnpm vue - cli4.1.1 項目初始化 (詳細 流程)

https://blog.csdn.net/ForeverBana/article/details/103444172

node 主目錄 打開 cmd

npm config set prefix “\node_global”

npm config set cache “\node_cache”

測試npm,安裝個express:

npm install express -g

安裝完畢後,就可以在F:\Web developer tool\node_js\node-v12.13.0-win-x64\node_global\node_modules路徑下看到express檔案夾。

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

cnpm -v 檢視版本

cnpm install -g @vue/cli

輸入 vue -V 檢視版本

找到項目檔案路徑

vue create vue-test //vue-test是項目名稱

選擇 Manually select features手動配置

空格鍵選擇需要元件

C:\Users\xxx\AppData\Roaming\npm-cache_cacache\tmp

npm 目前安裝的包\

npm list -g --depth 0

F:\vue>npm install -g @vue/cli

npm WARN deprecated [email protected]: [email protected]❤️ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of [email protected]