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 相关文章推荐
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
vue中的scope使用详解
Oct 29 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
解决node修改后需频繁手动重启的问题
May 13 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
vue发送ajax请求详解
Oct 09 Javascript
让mocha支持ES6模块的方法实现
Jan 14 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速成大法
2015/01/30 PHP
PHP开发注意事项总结
2015/02/04 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
img标签中onerror用法
2009/08/13 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
2011/04/27 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
2019/04/02 Javascript
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
Python3爬虫全国地址信息
2019/01/05 Python
python+pyqt5实现24点小游戏
2019/01/24 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
2019/12/12 Python
python自动识别文本编码格式代码
2019/12/26 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
文言文形式的学生求职信
2013/12/03 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
2014年设计师工作总结
2014/11/25 职场文书
置业顾问岗位职责
2015/02/09 职场文书
大专护理专业自荐信
2015/03/25 职场文书
2015年话务员工作总结
2015/04/29 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
高中议论文(范文2篇)
2019/08/19 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS