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>

 


  • 2019-12-29 15:05:57

    php 数组分页 array_slice()函数用法

    今天用到一个函数,非常好用,分享给大家 array_slice() -从数组中取出一段 也就是说用这个函数可以和sql语句一样实现分页,原理是将查询出的数组,取出从指定下标开始到指定长度的数组

  • 2019-12-30 10:17:21

    router-link传递参数,query

    在vue-router中,有两大对象被挂载到了实例this; $route(只读、具备信息的对象); $router(具备功能的函数) 查询字符串: 去哪里 ? <router-link :to="{name:'detail',query:{id:1}}"> xxx </router-link>

  • 2019-12-30 16:48:41

    vue provide/inject详解和用法

    父子组件交互方式多种,props、vuex、 、 emit、localStorage还有就是这个provide/inject了。它适合层级比较深的组件,比如子,子孙,子孙后代的组件有好几个用到父组件的某个属性,就可以用到这个provide/inject,它可以避免写大量繁琐的传值代码 我这里为什么要使用它? 我一个知识库详情父组件中包含了大量的子组件,每个子组件都需要父组件的知识库ID,这时候我不想写大量props,就用到provide/inject进行传值了

  • 2020-01-03 00:36:00

    break和continue详解for循环

    1. break:直接跳出当前循环体(while、for、do while)或程序块(switch)。其中switch case执行时,一定会先进行匹配,匹配成功返回当前case的值,再根据是否有break,判断是否继续输出,或是跳出判断(可参考switch的介绍)。 2. continue:不再执行循环体中continue语句之后的代码,直接进行下一次循环。