Windows下Node.js安装及环境配置方法


Posted in Javascript onSeptember 18, 2017

一、安装环境

1、本机系统:Windows 10 Pro(64位)
2、Node.js:v6.9.2LTS(64位)

二、安装Node.js步骤

1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录进行安装
3、环境配置
4、测试

三、前期准备

1、Node.js简介
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
2、下载Node.js
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图:

Windows下Node.js安装及环境配置方法

四、开始安装

1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js

Windows下Node.js安装及环境配置方法

点击【Next】按钮

Windows下Node.js安装及环境配置方法

勾选复选框,点击【Next】按钮

Windows下Node.js安装及环境配置方法

修改好目录后,点击【Next】按钮

Windows下Node.js安装及环境配置方法

Windows下Node.js安装及环境配置方法

安装完后点击【Finish】按钮完成安装

Windows下Node.js安装及环境配置方法

至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

Windows下Node.js安装及环境配置方法

Windows下Node.js安装及环境配置方法

安装完后的目录如下图所示:

Windows下Node.js安装及环境配置方法

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

五、环境配置

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

Windows下Node.js安装及环境配置方法

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix"D:\Develop\nodejs\node_global"

npm config set cache "D:\Develop\nodejs\node_cache"

Windows下Node.js安装及环境配置方法

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

Windows下Node.js安装及环境配置方法

进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

Windows下Node.js安装及环境配置方法

Windows下Node.js安装及环境配置方法

Windows下Node.js安装及环境配置方法

Windows下Node.js安装及环境配置方法

六、测试

配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:

npm install express -g # -g是全局安装的意思

Windows下Node.js安装及环境配置方法

补充

通过npm安装模块时都是去国外的镜像下载的,有的时候由于网络原因会导致安装模块失败,好在阿里有团队维护国内镜像:http://npm.taobao.org/ 上面有使用说明。

到此Node.js就安装完成了,大家可以继续学习了。

Javascript 相关文章推荐
javascript 用原型继承来实现对象系统
Mar 22 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
Node.js 异步编程之 Callback介绍(一)
Mar 30 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
解决使用vue.js路由后失效的问题
Mar 17 Javascript
微信小程序调用摄像头隐藏式拍照功能
Aug 22 Javascript
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
微信小程序实现多行文字超出部分省略号显示功能
Oct 23 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
jQuery选择器之子元素选择器详解
Sep 18 #jQuery
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 #Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 #Javascript
javascript流程控制语句集合
Sep 18 #Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 #Javascript
Angular中的$watch方法详解
Sep 18 #Javascript
jQuery实现的表格前端排序功能示例
Sep 18 #jQuery
You might like
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
初识Node.js
2015/03/20 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
学习vue.js计算属性
2016/12/03 Javascript
canvas实现钟表效果
2017/02/13 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
[52:27]2018DOTA2亚洲邀请赛 3.31 小组赛B组 paiN vs Secret
2018/04/01 DOTA
Python实现两款计算器功能示例
2017/12/19 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
在pandas多重索引multiIndex中选定指定索引的行方法
2018/11/16 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
三个儿子教学反思
2014/02/03 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
css3新特性的应用示例分析
2022/03/16 HTML / CSS
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
PyTorch中permute的使用方法
2022/04/26 Python