NodeJS 安装及环境配置

前言:做者最近也准备学习一些热门的前端技术,之前都是JQ一把梭(做者是前端菜鸟ε=(´ο`*)))唉)。随着后面接触到了Angular、Vue等项目,做者动起手来很吃力,这几天开始学习VueJS。特意写几篇文章记录一下学习心得,若有写的不对的地方,还请各位指正。(小弟不胜感激())
html

1、NodeJS下载


1.下载NodeJS安装包
下载地址: NodeJS下载
如何下载NodeJS安装包
2.开始安装
打开安装包后,一直Next便可。固然,建议仍是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files
3.验证是否安装成功
打开DOS命令界面:

node -v

在这里插入图片描述
出现NodeJS版本即为安装成功!前端

npm -v

在这里插入图片描述
出现npm的版本号说明npm工具也已安装成功!node

2、环境配置

说明:环境配置的目的主要是为了改变安装NodeJS依赖的下载位置,方便往后管理,以及配置缓存Cache的路径。由于NodeJS在执行安装语句时,会将安装的模块默认安装到**C:\Users\用户名\AppData\Roaming\npm**,从而占用C盘的空间。

1.建立npm模块安装目录web

安装时,默认是使用国外的镜像,速度较慢。推荐使用国内镜像!
更换镜像
在这里插入图片描述
分别在NodeJS安装目录下建立node_cache和node_global两个文件夹,如上图所示。
建立文件夹后,打开dos命令窗口,分别执行下面两行命令express

npm config set prefix "D:\MySoftware\nodejs\node_global"
npm config set cache "D:\MySoftware\nodejs\node_cache"

2.配置环境变量
个人电脑->右键->属性->高级系统设置->高级->环境变量
在这里插入图片描述
2.1新建NODE_PATH系统变量
在这里插入图片描述npm

在这里插入图片描述
其实看到这个变量值我开始是有一些疑问的,明明node_global是一个空文件夹,为何这个值须要定义到一个不存在的文件夹上,原来后面node会自动建立。缓存

2.2更改用户path变量
在这里插入图片描述
将其中默认的C:\Users\用户名\AppData\Roaming\npm更改成下图:
D:\MySoftware\nodejs\node_global
点击肯定!svg

3、测试

咱们先安装一个express模块试试

打开dos命令窗口,执行下面的命令工具

npm install express -g      # -g  是全局安装的意思

在这里插入图片描述
安装成功!
打开D:\MySoftware\nodejs\node_global\node_modules目录
在这里插入图片描述
发现已经安装好了,而这个位置就是咱们在环境变量中配置的NODE_PATH的值!学习

以上就是本文章的所有内容!

参考:http://www.javashuo.com/article/p-wqkrxcey-gs.html