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中日期转换成时间戳的小例子
Mar 21 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
May 02 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
Jul 27 Javascript
js简单倒计时实现代码
Apr 30 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
微信小程序实现选项卡滑动切换
Oct 22 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 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快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
利用php生成验证码
2017/02/23 PHP
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
vue使用websocket的方法实例分析
2019/06/22 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Flask-WTF表单的使用方法
2019/07/12 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
如何写出高性能的JSP和Servlet
2013/01/22 面试题
服务中心夜班服务员岗位职责
2013/11/27 职场文书
幼师自我鉴定
2014/02/01 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
导游词之南京夫子庙
2019/12/09 职场文书