nvm卸载、安装node和npm

2020-12-08 17:13:57

参考连接windows系统下node、npm的安装和卸载


一、卸载

1、node.js、nvm、 npm

1)在cmd中输入`where node`找到node长须所在位置进行删除

2)确保计算机-环境变量删除相关引用

3)在cmd中输入`node -v` ,得到以下结果,删除成功

 

 

 

二、安装

1、nvm

1)打开连接 https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip,然后安装在本机,

在安装过程中,遇到:

 

选个路径设置就好,是等会nvm use 版本时候,就会在这个路径上,更新use的node

2)在nvm目录下,运行nvm version,得到以下结果,安装成功

 

 

2、node的安装

1)在nvm.exe文件所在文件夹内,打开cmd,运行 `nvm install latest`

 

2)运行nvm use 版本号之后,就能看到刚才设置的nodejs 路径了

 

 

3)使用`nvm install 版本号`,就可以下载不同版本的node文件夹,会存储在nvm目录下

 

打开某一个版本,里面都有可以运行的node.exe,并且自带一个npm

 

 

 

三、配置npm全局安装路径

1、先不配置全局安装路径,直接使用npm安装jquery包,`npm i -g jquery`

直接安装在了,当前使用的版本11.9.0的node所在目录下

 

[a]此时,我们切换node版本进行切换,发现我们刚才安装的jquery包不存在了,所以我们需要配置npm所安装包的全局路径

 

2、进行npm包全局安装路径的配置` npm config set prefix "D:\gldev_room\npm_global"`

以及

`npm config set cache "D:\gldev_room\npm_cache"`

3、安装一个bootstrap包,然后随意切换node版本,此时,全局安装的node包是一直都存在的

 

4、当我们使用npm i -g webpack 安装一个webpack包之后,我们希望webpack命令,是可以直接运行在系统的任何cmd的,

1)我们需要在电脑-环境变量-path添加一下npm指定安装全局包的路径`D:\gldev_room\npm_global\`

 

 

2)在环境变量PATH中引用这个变量,格式为`%变量名%;`

 

3)查看安装的yarn的版本,在系统的任意路径下

 

 

四、解决nvm下载慢的问题

nvm安装目录下找到settings.txt文件,添加以下两行代码:

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

 

 

五、cnpm:淘宝npm镜像

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

 

六、常用的命令

1、npm的相关命令

1)全局安装一个npm的包

npm i -g bootstrap

2)查看全局安装的npm包的列表

npm list -g

3)查看全局安装的npm指定包的版本信息

npm list -g bootstrap

4)查看当前目录下安装的npm包的列表

npm list

5)设置npm的相关配置命令

 npm config set <key> <value>

 npm config get [<key>]

 npm config delete <key>

 npm config delete <key>

 npm config list [--json]

 npm config edit

2、nvm的相关命令

1)查看nvm版本

nvm version

2)查看安装的node所有版本

nvm list

3)使用已安装的node版本

nvm use [version]

4)安装指定的node版本,version是latest,会安装最新的node包

 nvm install <version>

 


  • 2020-11-11 15:05:39

    nuxt如何在其它js文件中使用store

    在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。

  • 2020-11-12 14:01:46

    使用postMessage来实现父子通信跨域

    1.子向父,子postMessage,父监听message; 2.父向子,父postMessage,子监听message; 3.测试发现,子向父postMessage的时候,源可以写为‘*’,父向子postMessage的时候,源需要写成子的源,(也就是子页面的协议+主机号+端口) 测试代码部分:

  • 2020-11-12 14:24:39

    Object.entries()

    Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)