node.js环境搭建超详细图文教程

身为一名Java开发者对前端充满无限的好奇,于是开始踏入前端的领地。要想先学习,搭建环境是必备,所以整理一篇node.js环境搭建教程。

Node.js 是一个让 JavaScript 运行在服务端的开发平台 官网nodejs.org

下载

下载地址nodejs.org/en/download…

本次下载 LTS长期支持版, .zip解压版本(当然也可以使用安装版.msi),点击右侧[64-bit]即可下载.

解压

解压到自己所要存放的文件夹中,如图:

解压完成后会有 node-v8.12.0-win-x64文件夹

配置环境变量

[我的电脑]-右键->[属性]-左侧->[高级系统设置]-下侧->[环境变量] 图示:

想要在cmd黑窗口中使用node命令,需要在path中加入node安装路径,点击编辑按钮,新增node安装路径。 以下是win10的界面,点击编辑文本按钮即可切换至和win7一样的界面。

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录 !!!!!

或者 在编辑框中加上,对应自己的node路径

;D:\aqqaz\dev\Java\jdk1.8.0_181\bin; 这样node.js基本环境就配置完成

测试node环境

快捷键win+R,输入cmd,点击确定按钮

输入node -v 返回node版本

输入npm -v 返回npm版本

表示环境变量配置成功

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西.

配置环境变量(npm)

此处主要配置的是npm安装的全局模块所在的路径和缓存cache的路径,因为在以后使用node.js的时候会经常使用nmp命令来下载包,比如npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间.

在安装node的目录下,node-v8.12.0-win-x64下新建文件夹node_cachenode_global node_cache存放缓存,node_global下载的包 如图

然后,在node中设置,win+R 运行cmd,进入黑窗口。 输入

npm config set prefix "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global"

回车

npm config set cache "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_cache"

D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录 !!!!!*

在环境变量中新建,添加变量名【NODE_PATH】,变量值【D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules】,确定 D:\aqqaz\dev\node\node-v8.12.0-win-x64 是我的安装目录,请换成自己的目录 !!!!!

在【Path】中新增D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global

更换淘宝镜像

使用nmp下载包的时候,很多包都是国外的,所以配置镜像会比较快,

查看当前使用的镜像地址,在黑窗口输入npm get registry

返回> registry.npmjs.org/

更换成阿里的镜像,在黑窗口输入npm config set registry registry.npm.taobao.org/

如图

测试

安装个module测试下,我们就安装最常用的express模块,打开cmd窗口, 输入如下命令进行模块的全局安装: npm install express -g # -g是全局安装的意思

安装成功 D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules目录下会出现express文件夹

转载于:https://juejin.im/post/5ba108f5e51d450e452a9a12

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值