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技术-屏蔽类
Aug 15 Javascript
JavaScript 不只是脚本
May 30 Javascript
javascript String 对象
Apr 25 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
JavaSript中变量的作用域闭包的深入理解
May 12 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
javascript实现拖放效果
Dec 16 Javascript
JavaScript中的事件委托及好处
Jul 12 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
浅谈vue-lazyload实现的详细过程
Aug 22 Javascript
LayUI数据接口返回实体封装的例子
Sep 12 Javascript
js实现滑动进度条效果
Aug 21 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
轻松修复Discuz!数据库
2008/05/03 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
javascript闭包的理解
2015/04/01 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
Vuejs中使用markdown服务器端渲染的示例
2017/11/22 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
Vue核心概念Getter的使用方法
2019/01/18 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
Python爬取网页信息的示例
2020/09/24 Python
初一学生期末评语
2014/04/24 职场文书
大学生入党推荐书范文
2014/05/17 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
导游词之太原天龙山
2020/01/02 职场文书