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代码[翻译]
Feb 12 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
Egret引擎开发指南之视觉编程
Sep 03 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
vue router demo详解
Oct 13 Javascript
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 Javascript
ES6对象操作实例详解
May 23 Javascript
Vue组件为什么data必须是一个函数
Jun 11 Javascript
React + Threejs + Swiper 实现全景图效果的完整代码
Jun 28 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 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
日本十大惊悚动漫
2020/03/04 日漫
PHP 和 MySQL 基础教程(三)
2006/10/09 PHP
php扩展ZF――Validate扩展
2008/01/10 PHP
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
Docker 如何布置PHP开发环境
2016/06/21 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
Tab页界面,用jQuery及Ajax技术实现
2009/09/21 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
Python2.x中文乱码问题解决方法
2015/06/02 Python
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
基于python生成器封装的协程类
2019/03/20 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
python反转列表的三种方式解析
2019/11/08 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
Servlet如何得到服务器的信息
2015/12/22 面试题
python re模块和正则表达式
2021/03/24 Python
给领导的检讨书
2014/02/16 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
幼儿园大班教师评语
2019/06/21 职场文书
HTML速写之Emmet语法规则的实现
2021/04/07 HTML / CSS