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中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
javascript初学者常用技巧
Sep 02 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
js实现全选反选不选功能代码详解
Apr 24 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
php session 预定义数组
2009/03/16 PHP
PHP 判断变量类型实现代码
2009/10/23 PHP
使用PHP实现密保卡功能实现代码<打包下载直接运行>
2011/10/09 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
Paypal支付不完全指北
2020/06/04 Javascript
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
python字典DICT类型合并详解
2017/08/17 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
python名片管理系统开发
2020/06/18 Python
Python3+Flask安装使用教程详解
2021/02/16 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
个人委托书格式
2014/04/04 职场文书
租房合同协议书
2014/04/09 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
人事代理委托书
2014/09/27 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
初中中等生评语
2014/12/29 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
vue实现滑动解锁功能
2022/03/03 Vue.js