Win7 下安装及使用NVM node.js

最新推荐文章于 2024-08-12 07:14:19 发布

wowocpp

最新推荐文章于 2024-08-12 07:14:19 发布

阅读量2.4k

点赞数

分类专栏： web_html

本文链接：https://blog.csdn.net/wowocpp/article/details/103545975

版权

web_html 专栏收录该内容

86 篇文章 0 订阅

订阅专栏

参考文档：

环境：

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
在这里插入图片描述
创建空目录F:\vue\dev

F:\vue\dev\nvm

F:\vue\dev\nodejs

在这里插入图片描述
安装. 安全软件会报警说修改系统环境变量
到path中去看看

在系统变量和用户变量中都有

之后选择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/

在这里插入图片描述

5，测试nvm

在这里插入图片描述

在这里插入图片描述
nvm list available

nvm install 12.13.1

在这里插入图片描述

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这个不确定需要不需要
在这里插入图片描述
npm config ls

npm install -g nrm

在这里插入图片描述
nrm ls

nrm use cnpm 使用淘宝镜像

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
在这里插入图片描述

F:\vue>npm install -g @vue/cli
npm WARN deprecated core-js@2.6.11: core-js@<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-js@3.
F:\vue\dev\node_global\vue -> F:\vue\dev\node_global\node_modules\@vue\cli\bin\vue.js

> core-js@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

在这里插入图片描述

NODE_GLOBAL
F:\vue\dev\node_global
在这里插入图片描述

;%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
在这里插入图片描述

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

在这里插入图片描述

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 core-js@2.6.11: core-js@❤️ 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-js@3.