ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

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

Window下Node.js安装、环境配置、设置淘宝镜像 Window下Node.js安装、环境配置、设置淘宝镜像一、Node.js的安装二、Node.js环境配置三、设置npm的镜像源四、安装淘宝cnpm镜像(推荐安装)五、安装node-sass卡住一、Node.js的安装中文网:Node.js关于Node.js的安装,环境配置,设置镜像源这些操作其实网上已经有非常多的好文章这里结合自己的操作将自己的实践做一个整理归纳记录。点击全部安装包的阿里云镜像如下图如果需要其他版本的话点击…/返回上级文件夹目录。如下图然后会看到从0.1一直到目前所有版本的安装目录如图(部分)这里我选择了10.19.0版本的点击进去后的目录如下图。直接找到对应系统位数的后缀为.msi格式安装包(32位选x86,64位选x64)然后单击下载。下面便是安装了。安装的时候默认指定路径是C:\Program Files可以自己指定node.js的安装路径。后面便是一直next直到安装完毕安装完毕后点击finish退出安装界面。使用node -v和npm -v测试node是否安装成功成功的话会打印出版本号如下图二、Node.js环境配置如果你是选择.msi格式安装的时候他默认是会为你配置环境变量的。如你的安装路径是E:\WebEnviroment\node。name系统环境变量里的path便自动加上该路径。同时node.js默认管理系统的npm包的全局路径和缓存路径是在C:\Users\这里是你的用户名\AppData\Roaming下。如果不想占用C盘的空间那么我们可以为他配置新的全局路径和缓存路径。在node.js安装目录下新建node_global和node_cache两个新的文件夹AltR输入cmd打开控制台运行如下两条指令:npm config set prefix E:\WebEnviroment\node\node_globalnpm config set cache E:\WebEnviroment\node\node_cache检测设置后的情况。输入npm config list.下图中红框处的cache和prefix的值已经变成我们设置的路径值。下面是设置环境变量。我的电脑-右键-属性-高级系统设置-高级-环境变量进入界面后先找到用户变量-Path如下图点击编辑(注意如果前面那个值没有带分号记得先加上分号)在末尾处增加E:\WebEnviroment\node\node_global;。如下图下面是系统变量进行编辑。点击新建。变量名为NODE_PATH。变量值为E:\WebEnviroment\node\node_global\node_modules如下图到此环境变量配置完毕。修改.npmrc修改安装E:\WebEnviroment\node\node_modules\npm\npmrc文件将默认值改为(新增)prefixE:\WebEnviroment\node如果不做这个修改则npm在运行npm ls -g的时候仍然以默认的路径来查找已安装的全局模块测试为了测试是否生效。直接安装一个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​​2.使用nvm切换源​npm isntall nrm -g全局安装​ 安装完毕后,输入nrm ls查看当前源。带*表示当前使用的npm源。​ 通过nrm use taobao来指定要使用的镜像源​ 通过nrm test npm来测试速度​四、安装淘宝cnpm镜像(推荐安装)​ 国内网络的情况下还是使用国内镜像源好毕竟速度会快很多。​ 控制台输入npm install -g cnpm --registryhttps://registry.npm.taobao.org​ 回车进行安装。​ 输入cnpm -v查看是否成功打印如下图信息​五、安装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进行安装。​
返回列表