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 相关文章推荐
javascript中的location用法简单介绍
Mar 07 Javascript
JsDom 编程小结
Aug 09 Javascript
Js实现自定义右键行为
Mar 26 Javascript
jQuery构造函数init参数分析
May 13 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
输入框点击时边框变色效果的实现方法
Dec 26 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
Vue如何实现变量表达式选择器
Feb 18 Vue.js
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
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
使用jquery如何获取时间
2016/10/13 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
JavaScript 严格模式(use strict)用法实例分析
2020/03/04 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
django框架面向对象ORM模型继承用法实例分析
2019/07/29 Python
python os.fork() 循环输出方法
2019/08/08 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
行政助理岗位职责
2013/11/10 职场文书
汽车专业人才自我鉴定范文
2013/12/29 职场文书
小学生新年寄语
2014/04/03 职场文书
2014年材料员工作总结
2014/11/19 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
一行Python命令实现批量加水印
2022/04/07 Python
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python