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 相关文章推荐
jqPlot 基于jquery的画图插件
Apr 26 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
浅谈js获取ModelAndView值的问题
Mar 28 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 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执行速度全攻略(下)
2006/10/09 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP的HTTP客户端Guzzle简单使用方法分析
2019/10/30 PHP
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
Python常用知识点汇总
2016/05/08 Python
Django 使用Ajax进行前后台交互的示例讲解
2018/05/28 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
opencv3/C++实现视频背景去除建模(BSM)
2019/12/11 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
python excel和yaml文件的读取封装
2021/01/12 Python
使用CSS3配合IE滤镜实现渐变和投影的效果
2015/09/06 HTML / CSS
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
opencv实现图像平移效果
2021/03/24 Python
11月红领巾广播稿
2014/01/17 职场文书
新闻发布会主持词
2014/03/28 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
先进班集体申报材料
2014/12/26 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
常住证明范本
2015/06/23 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
Mybatis-plus配置分页插件返回统一结果集
2022/06/21 Java/Android