Window下Node.js安装、环境配置、设置淘宝镜像

Window下Node.js安装、环境配置、设置淘宝镜像

      • 一、Node.js的安装
      • 二、Node.js环境配置
      • 三、设置npm的镜像源
      • 四、安装淘宝cnpm镜像(推荐安装)
      • 五、安装node-sass卡住

一、Node.js的安装

中文网:Node.js

关于Node.js的安装,环境配置,设置镜像源这些操作其实网上已经有非常多的好文章,这里结合自己的操作,将自己的实践做一个整理归纳记录。

点击全部安装包阿里云镜像,如下图
Window下Node.js安装、环境配置、设置淘宝镜像_第1张图片
如果需要其他版本的话,点击…/返回上级文件夹目录。如下图
Window下Node.js安装、环境配置、设置淘宝镜像_第2张图片
然后会看到从0.1一直到目前所有版本的安装目录,如图(部分)
Window下Node.js安装、环境配置、设置淘宝镜像_第3张图片
这里我选择了10.19.0版本的,点击进去后的目录如下图。直接找到对应系统位数的后缀为.msi格式安装包(32位选x86,64位选x64),然后单击下载。
Window下Node.js安装、环境配置、设置淘宝镜像_第4张图片
下面便是安装了。安装的时候默认指定路径是C:\Program Files可以自己指定node.js的安装路径。后面便是一直next直到安装完毕,安装完毕后点击finish退出安装界面。

使用node -vnpm -v测试node是否安装成功,成功的话会打印出版本号,如下图
Window下Node.js安装、环境配置、设置淘宝镜像_第5张图片

二、Node.js环境配置

如果你是选择.msi格式安装的时候,他默认是会为你配置环境变量的。如你的安装路径是E:\WebEnviroment\node。name系统环境变量里的path便自动加上该路径。

同时node.js默认管理系统的npm包的全局路径和缓存路径是在C:\Users\这里是你的用户名\AppData\Roaming下。如果不想占用C盘的空间,那么我们可以为他配置新的全局路径和缓存路径。

  1. 在node.js安装目录下新建node_globalnode_cache两个新的文件夹

  2. Alt+R输入cmd打开控制台,运行如下两条指令:

    npm config set prefix "E:\WebEnviroment\node\node_global"

    npm config set cache "E:\WebEnviroment\node\node_cache"

  3. 检测设置后的情况。输入npm config list.下图中红框处的cache和prefix的值已经变成我们设置的路径值。
    Window下Node.js安装、环境配置、设置淘宝镜像_第6张图片

  4. 下面是设置环境变量。我的电脑-右键-属性-高级系统设置-高级-环境变量
    Window下Node.js安装、环境配置、设置淘宝镜像_第7张图片
    进入界面后,先找到用户变量-Path,如下图
    Window下Node.js安装、环境配置、设置淘宝镜像_第8张图片
    点击编辑,(注意如果前面那个值没有带分号,记得先加上分号)在末尾处增加E:\WebEnviroment\node\node_global;。如下图
    Window下Node.js安装、环境配置、设置淘宝镜像_第9张图片

    下面是系统变量进行编辑。点击新建。变量名为NODE-PATH。变量值为E:\WebEnviroment\node\node_global\node_modules

    如下图
    Window下Node.js安装、环境配置、设置淘宝镜像_第10张图片

    到此环境变量配置完毕。

  5. 测试

    为了测试是否生效。直接安装一个express模块,然后node_global处是否会产生一个node_modules,并且包含我们安装的express模块.

    输入npm install express -g
    在这里插入图片描述

    E:\WebEnviroment\node\node_global\node_modules下多了一个express文件夹,证明安装模块成功。
    Window下Node.js安装、环境配置、设置淘宝镜像_第11张图片

三、设置npm的镜像源

​ 设置镜像源有许多方法,这里记录两种:

1.通过npm命令

​ 输入npm config set registry https://registry.npm.taobao.org

​ 修改后可以通过这个进行测试

npm config get registry
npm config get registry

2.使用nvm切换源

npm isntall nrm -g全局安装

​ 安装完毕后,输入nrm ls查看当前源。带==*==表示当前使用的npm源。
Window下Node.js安装、环境配置、设置淘宝镜像_第12张图片
​ 通过nrm use taobao来指定要使用的镜像源:
指定源
​ 通过nrm test npm来测试速度:
Window下Node.js安装、环境配置、设置淘宝镜像_第13张图片

四、安装淘宝cnpm镜像(推荐安装)

​ 国内网络的情况下,还是使用国内镜像源好,毕竟速度会快很多。

​ 控制台输入npm install -g cnpm --registry=https://registry.npm.taobao.org

​ 回车进行安装。

​ 输入cnpm -v查看是否成功打印如下图信息
Window下Node.js安装、环境配置、设置淘宝镜像_第14张图片

五、安装node-sass卡住

一般在安装使用npm install安装node-sass时会出现安装失败的现象,长时间停在那里或者弹出失败提示,导致安装的node_modules文件夹不完整,在使用gulp构建工具打包项目时很大可能会发生未知的问题。推荐删除掉node_modules包,在gulpfile.js文件夹目录下重新运行cnpm install进行安装。也可以通过设置淘宝的sass镜像源npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/,然后使用npm install进行安装。

你可能感兴趣的:(笔记,前端,node.js)