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 相关文章推荐
简易js代码实现计算器操作
Apr 15 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
Dec 08 Javascript
vue下拉列表功能实例代码
Apr 08 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
解决vue+router路由跳转不起作用的一项原因
Jul 19 Javascript
浅谈JavaScript作用域
Dec 06 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
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
javascript之AJAX框架使用说明
2010/04/24 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
Vue实现web分页组件详解
2017/11/28 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
微信小程序自定义组件components(代码详解)
2019/10/21 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python排序方法实例分析
2015/04/30 Python
Python排序搜索基本算法之插入排序实例分析
2017/12/11 Python
tensorflow识别自己手写数字
2018/03/14 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
python获得命令行输入的参数的两种方式
2020/11/02 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
手机配件第一品牌:ZAGG
2017/05/28 全球购物
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
施工材料员岗位职责
2014/02/12 职场文书
美食节目策划方案
2014/05/31 职场文书
森林防火标语
2014/06/23 职场文书
关键在于落实心得体会
2014/09/03 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
社区元宵节活动总结
2015/02/06 职场文书