JS运行环境配置

前言(摘录):
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型, 让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

安装node环境,配置npm 、 cnpm、nrm:

  • 1- node和npm的安装参考

操作1:下载安装包

操作2

操作3:校验

操作4:安装完后的目录
  • 2- 配置npm在安装全局模块时的路径和缓存cache的路径

(1)因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:


新建的文件夹

(2)然后在cmd命令下执行如下两个命令:
npm config set prefix "D:\workSoft\nodejs\node_global"
npm config set cache "D:\workSoft\nodejs\node_cache"
执行命令,如下图所示:


执行结果

(3)执行完后,配置环境变量,如下:
“环境变量” -> “系统变量”:新建一个变量名为 “NODE_PATH”, 值为“D:\workSoft\nodejs\node_global\node_modules”,如图:

“环境变量” -> “用户变量”:编辑用户变量里的Path,将相应npm的路径(“C:\Users\用户名\AppData\Roaming\npm”)改为:“D:\workSoft\nodejs\node_global”,如图:


新建系统变量
  • 3- 测试是否配置成功

(1) 执行 npm install webpack -g, 然后安装成功后可以看到自定义的两个文件夹已生效:


安装结果

(2)webpack 也已安装成功,执行 npm webpack -v 可以看到所安装 webpack 的版本号:


image.png
  • 3.4 优化-配置淘宝镜像或nrm镜像管理

(1)配置淘宝镜像:
将npm的模块下载仓库从默认的国外站点改为国内的站点,这样下载模块的速度才能比较快,只需要一个命令即可,命令是:
npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry
还原默认的npm配置
npm config set registry https://registry.npmjs.org

结果

(2)使用nrm管理npm的镜像源参考方案

以下内容为摘录内容:
1.nrm
nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换
2.安装nrm
在命令行执行命令,npm install -g nrm,全局安装nrm。
3.使用
执行命令nrm ls查看可选的源。
nrm ls
*npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - http://registry.npm.taobao.org/
eu ----- http://registry.npmjs.eu/
au ----- http://registry.npmjs.org.au/
sl ----- http://npm.strongloop.com/
nj ----- https://registry.nodejitsu.com/
其中,带*的是当前使用的源,上面的输出表明当前源是官方源。
5.切换
如果要切换到taobao源,执行命令nrm use taobao。
6.增加
你可以增加定制的源,特别适用于添加企业内部的私有源,执行命令 nrm add ,其中reigstry为源名,url为源的路径。
nrm add registry http://registry.npm.frp.trmap.cn/
7.删除
执行命令nrm del 删除对应的源。
8.测试速度
你还可以通过 nrm test 测试相应源的响应时间。
nrm test npm

(3)在使用nrm的过程中经常会报错

情况1:当安装完后,执行明亮报不是内部或者外部命令时,重启下电脑;
情况2:然后报错如图的话参考方案

操作:将17行的内容注释,改为18行

相关代码如下:
//const NRMRC = path.join(process.env.HOME, '.nrmrc');(注掉)
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');

你可能感兴趣的:(JS运行环境配置)