Node.js安装详细步骤教程(Windows版)详解


Posted in Javascript onSeptember 01, 2019

什么是Node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境;

Node.js使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量且高效;

Node.js的软件包生态系统npm是全球最大的开源库生态系统。

安装教程

本机环境:Windows 7 旗舰版 64bit操作系统

1.下载安装包

Node.js 官方网站下载:https://nodejs.org/en/download/

Node.js安装详细步骤教程(Windows版)详解

下载完成,安装包如下:

Node.js安装详细步骤教程(Windows版)详解

2.安装

双击打开安装,下一步下一步即可(笔者安装路径为“D:\Program Files\nodejs”):

Node.js安装详细步骤教程(Windows版)详解

……

Node.js安装详细步骤教程(Windows版)详解

安装成功,测试安装是否成功,运行CMD,分别输入node -v 和 npm -v 分别查看node和npm的版本号,如下图所示:

Node.js安装详细步骤教程(Windows版)详解

安装完成后系统目录如图所示(其中,npm随安装程序自动安装,作用就是对Node.js依赖的包进行管理):

Node.js安装详细步骤教程(Windows版)详解

3.配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,

所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:

Node.js安装详细步骤教程(Windows版)详解

然后在cmd命令下执行如下两个命令:

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

执行命令,如下图所示:

Node.js安装详细步骤教程(Windows版)详解

执行完后,配置环境变量,如下:

“环境变量” -> “系统变量”:新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”,如下图:

Node.js安装详细步骤教程(Windows版)详解

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

Node.js安装详细步骤教程(Windows版)详解

配置完成。

4.测试

在cmd命令下执行 npm install webpack -g 安装webpack,如下图所示:

Node.js安装详细步骤教程(Windows版)详解

安装成功,自定义文件夹如下所示:

Node.js安装详细步骤教程(Windows版)详解

Node.js安装详细步骤教程(Windows版)详解

在cmd命令下执行npm webpack -v 查看webpack版本,如下图所示:

Node.js安装详细步骤教程(Windows版)详解

总结

以上node.js的安装,笔者已亲测可用,希望本篇博客对您有所帮助,在安装配置过程中,若遇到问题,欢迎留言交流!

Javascript 相关文章推荐
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
jquery中输入验证中一个不错的效果
Aug 21 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
Javascript模块化编程详解
Dec 01 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
layui选项卡效果实现代码
May 19 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
微信小程序中显示倒计时代码实例
May 09 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
vue组件命名和props命名代码详解
Sep 01 #Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 #Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 #Javascript
vue中的v-if和v-show的区别详解
Sep 01 #Javascript
react中Suspense的使用详解
Sep 01 #Javascript
vue 实现微信浮标效果
Sep 01 #Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 #Javascript
You might like
解析php中curl_multi的应用
2013/07/17 PHP
php头像上传预览实例代码
2017/05/02 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
js给selected添加options的方法
2015/05/06 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
python批量修改xml属性的实现方式
2020/03/05 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
澳大利亚头发和美容产品购物网站:OZ Hair & Beauty
2020/03/27 全球购物
售后主管岗位职责
2013/12/08 职场文书
教学改革实施方案
2014/03/31 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
2014年除四害工作总结
2014/12/06 职场文书
违纪检讨书范文
2015/01/27 职场文书
安装工程师岗位职责
2015/02/13 职场文书
房屋维修申请报告
2015/05/18 职场文书
电影复兴之路观后感
2015/06/02 职场文书
圣诞晚会主持词
2015/07/01 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
感恩教师节主题班会
2015/08/12 职场文书
学校标语口号大全
2015/12/26 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技