当前位置:   article > 正文

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

npm 淘宝镜像

一、Node.js的安装

中文网:Node.js

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

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

使用node -vnpm -v测试node是否安装成功,成功的话会打印出版本号,如下图
安装打印版本号

二、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的值已经变成我们设置的路径值。
    npm配置list

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

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

    如下图
    系统变量增加NODE_PATH

    到此环境变量配置完毕。

  5. 修改.npmrc
    修改安装E:\WebEnviroment\node\node_modules\npm\npmrc文件,将默认值改为(新增):
    prefix=E:\WebEnviroment\node,如果不做这个修改,则npm在运行 npm ls -g 的时候,仍然以默认的路径来查找已安装的全局模块;

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

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

    E:\WebEnviroment\node\node_global\node_modules下多了一个express文件夹,证明安装模块成功。
    环境变量配置成功

三、设置npm的镜像源

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

1.通过npm命令
最新npm镜像地址已经换了,改为https://registry.npmmirror.com,下面图片的地址懒得换了,仅当做参考效果图
​ 输入npm config set registry https://registry.npmmirror.com

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

npm config get registry
npm config get registry

2.使用nvm切换源

npm isntall nrm -g全局安装

​ 安装完毕后,输入nrm ls查看当前源。带==*==表示当前使用的npm源。
查看源
​ 通过nrm use taobao来指定要使用的镜像源:
指定源
​ 通过nrm test npm来测试速度:
测试速度

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

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

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

​ 回车进行安装。

​ 输入cnpm -v查看是否成功打印如下图信息
查看cnpm

五、安装node-sass卡住

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/141946
推荐阅读
相关标签
  

闽ICP备14008679号