windows10环境下nodejs安装

时间：2024-03-13 19:56:40

1.node.js简单介绍

node.js是一个基于Chrome JavaScript 运行时的建立的一个平台；

2.node.js 安装

2.1.直接安装（不推荐）

node.js，可以直接从官网下载，双节安装；

官网地址：https://nodejs.org/en/；

2.2.利用nvm安装

nvm是 Nodejs 版本管理器，它让我们方便的对切换Nodejs 版本。vm 是 Mac 下的 node 管理工具，如果需要管理 Windows 下的 node，官方推荐使用 nvmw 或 nvm-windows。

首先下载nvm,推荐github中这个地址的版本 https://github.com/coreybutler/nvm-windows/releases。选择setup版本的，避免繁复的配置环境变量，减少错误。

 

 

 下载完成之后可以选择安装位置，安装nvm。安装位置如下:其中

 

 

 其中：

   v12.16.1文件夹是no\'de.js的版本，只有在nvm安装完之后才有；

setting.txt是配置文件，建议将内容修改如下：

root: D:\software\dev\nvm
path: D:\software\dev\nodejs
arch: 64 
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

 

root和path分别是nvm和node.js的安装目录；node_mirror和npm_mirror分别是node和npm的下载地址，因为国外下载地址容易下载失败，先修改为taobao地址。

nvm安装完成之后，可以通过命令测试：

C:\Users\PeterCola>nvm

Running version 1.1.6.

安装指定版本的node.js

C:\Users\PeterCola>nvm install 12.16.1
Downloading node.js version 12.16.1 (64-bit)...
Complete
Creating D:\software\dev\nvm\temp

Downloading npm version 6.13.4... Complete
Installing npm v6.13.4...

Installation complete. If you want to use this version, type

nvm use 12.16.1

 

使用（切换）指定版本的node.js

C:\Users\PeterCola>nvm use 12.16.1
Now using node v12.16.1 (64-bit)

 

3.nvm的一些常用命令

nvm ls-remote：列出所有可以安装的node版本号
nvm install v10.4.0：安装指定版本号的node
nvm use v10.3.0：切换node的版本，这个是全局的
nvm current：当前node版本
nvm ls：列出所有已经安装的node版本
        nvm uninstall 版本号，卸载指定版本

4.安装npm

利用nvm安装nodeo.js,虽然提示npm安装成功，但是实际是没有安装的，所有需要手动添加。

npm是nodejs的package包管理工具，如果不能正确安装，会导致项目以后使用的包安装不了。

当时使用npm安装其他包时，报这个错误

C:\Users\PeterCola>npm -v
\'npm\' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

需要把nvm安装node.js时，temp文件夹中的npm(npm-v6.13.4.zip)及时拷贝出来。他就是对应的npm。然后放到对应版本下面的 node_modules文件夹下，并改名npm.

         

 

 然后把npm/bin中的npm和npm.cmd复制到v12.16.1文件夹下；

      

 

 结果如图：

      

 

最后测试npm是否安装成功；

C:\Users\PeterCola>npm -v
6.13.4

 

 

5.npm安装完成之后，下载vue.cli失败报错。

原因是由于下载路径没设置为淘宝的国内镜像，所以要设置为淘宝的国内的镜像；

npm set registry https://registry.npm.taobao.org # 注册模块镜像
npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
npm cache clean --force # 清空缓存

设置这个路径之后就可以不用再下载cnom了，

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

6.修改缓存路径，

 避免因为文件不断变大，暂用c盘空间，也为了便于后期管理。示例：

  1. npm config set prefix "D:\ProgramFile\nodejs\node_modules\node_global" 
  2. npm config set cache "D:\ProgramFile\nodejs\node_modules\node_cache"

本机设定

C:\Windows\system32>npm config set cache "D:\software\dev\nvm\node_cache"

C:\Windows\system32>npm config list
; cli configs
metrics-registry = "https://registry.npm.taobao.org/"
scope = ""
user-agent = "npm/6.13.4 node/v12.16.1 win32 x64"

; userconfig C:\Users\PeterCola\.npmrc
cache = "D:\\software\\dev\\nvm\\node_cache"
disturl = "https://npm.taobao.org/dist"
registry = "https://registry.npm.taobao.org/"

; node bin location = D:\software\dev\nodejs\node.exe
; cwd = C:\Windows\system32
; HOME = C:\Users\PeterCola
; "npm config ls -l" to show all defaults.

 

 7.关于vue-cli的

安装成功的vue-cli运行不出结果解决方法

1，检查自己是不是修改了默认prefix（全局）和cache（缓存）,

  默认的npm下载文件在C:\Users\Administrator\AppData\Roaming\npm，

如果修改了npm下载的地址，则需要注意：

 安装在nodejs下的步骤：（注意不需要单独新建node_global）

  • 新建node_cache用老存放下载包的缓存C:\Program Files\nodejs\node_cache　
  • 运行 npm config set cache "C:\Program Files\nodejs\node_cache" 设置缓存文件夹
  • 设置全局模块存放路径 运行npm config set prefix "C:\Program Files\nodejs" 以后安装的全局模块都会被放到C:\Program Files\nodejs\node_modules下，跟npm模块在一个文件夹中

 安装在非nodejs下的步骤：

  • 新建node_cache用老存放下载包的缓存
  • 新建node_global用老存放下载包的缓存　
  • 添加全局变量

 

 

 

 

 

 

 

 

参考文章：

https://blog.csdn.net/p3118601/article/details/92622393?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task；

https://www.cnblogs.com/Sweepingmonk/p/10868255.html

 https://blog.csdn.net/niuba123456/article/details/81834889

https://www.jianshu.com/p/115594f64b41

 https://www.wandouip.com/t5i249022/

相关文章