Node.js(一)Node.js简介、安装及环境配置之Windows篇
前言
一、Node.js和NPM
1.什么是node.js
node.js是基于chrome v8 引擎的js运行环境
chrome v8 是什么 chrome提供的能把js语言编译成系统能够识别的语言的第八个版本;当然别的厂商也有不同的js编译器
chrome v8 做什么 chrome v8 能够独立运行,所以node.js可以基于v8生成自己的运行环境;也可以在浏览器中进行js解析,因为chrome v8 开源发展快,所以chrome 对es6等新技术支持比较快;
总的来说,node.js是JS的一个开发环境,是运行在服务端的JS
比如:app.js文件为
var a="hello node.js";
console.log(a);
2.什么是npm
npm是node.js 内置的一套包管理工具,比如jquery什么的,随着node的火爆发展,npm越来越庞大,插件越来越多
怎么理解npm和node的关系呢,node.js相当于qq游戏大厅,npm就是其中的小游戏
为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。
于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
简单来说就是别人写好的开源包,我们可以拿来用,一般是一个npm包对应github里边的一个仓库.
我们使用它也很简单,只需要使用npm命令来下载对应的包,像moment这样的包有数以万计个,我们都可以下载使用。
发展历程
npm作者已经将npm开发完成,于是发邮件通知 jQuery、Bootstrap、Underscore 作者,希望他们把 jquery、bootstrap 、 underscore 放到npm远程仓库,但是没有收到回应,于是npm的发展遇到了瓶颈。
Node.js作者也将Node.js开发完成,但是 Node.js 缺少一个包管理器,于是他和 npm 的作者一拍即合、抱团取暖,最终 Node.js 内置了 npm。
后来的事情大家都知道,Node.js 火了。随着 Node.js 的火爆,大家开始用 npm 来共享 JS 代码了,于是 jQuery 作者也将 jQuery 发布到 npm 了。
所以现在,你可以使用 npm install jquery 来下载 jQuery 代码。现在用 npm 来分享代码已经成了前端的标配
二、Node.js安装及环境配置之Windows篇
一、安装环境
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,如下图:
![](https://upload-images.jianshu.io/upload_images/2267589-bb1555667d5355af.png?imageMogr2/auto-orient/strip%7CimageView2/2)
四、开始安装
1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js
![](https://upload-images.jianshu.io/upload_images/2267589-131af95ee6ebc811.png?imageMogr2/auto-orient/strip%7CimageView2/2)
点击【Next】按钮
![](https://upload-images.jianshu.io/upload_images/2267589-69648c7b8aa496fe.png?imageMogr2/auto-orient/strip%7CimageView2/2)
勾选复选框,点击【Next】按钮
![](https://upload-images.jianshu.io/upload_images/2267589-b87cc08121e1c880.png?imageMogr2/auto-orient/strip%7CimageView2/2)
修改好目录后,点击【Next】按钮
![](https://upload-images.jianshu.io/upload_images/2267589-f40b21a6ccbebefa.png?imageMogr2/auto-orient/strip%7CimageView2/2)
![](https://upload-images.jianshu.io/upload_images/2267589-3a9b3706c81fb5fa.png?imageMogr2/auto-orient/strip%7CimageView2/2)
在Windows上安装时务必选择全部组件,包括勾选Add to Path
。
安装完后点击【Finish】按钮完成安装
![](https://upload-images.jianshu.io/upload_images/2267589-adca4baa7f0d7190.png?imageMogr2/auto-orient/strip%7CimageView2/2)
至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口
![](https://upload-images.jianshu.io/upload_images/2267589-19531194e378a38a.png?imageMogr2/auto-orient/strip%7CimageView2/2)
![](https://upload-images.jianshu.io/upload_images/2267589-2c9ced41baca7c1e.png?imageMogr2/auto-orient/strip%7CimageView2/2)
安装完后的目录如下图所示:
![](https://upload-images.jianshu.io/upload_images/2267589-261e36d32bc47133.png?imageMogr2/auto-orient/strip%7CimageView2/2)
此处说明下:新版的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】如下图:
![](https://upload-images.jianshu.io/upload_images/2267589-51ed23771f3a86e2.png?imageMogr2/auto-orient/strip%7CimageView2/2)
创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
![](https://upload-images.jianshu.io/upload_images/2267589-e22cf1b878275757.png?imageMogr2/auto-orient/strip%7CimageView2/2)
接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
![](https://upload-images.jianshu.io/upload_images/2267589-7fd332c898799325.png?imageMogr2/auto-orient/strip%7CimageView2/2)
进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】
![](https://upload-images.jianshu.io/upload_images/2267589-ca94af8646fab0b4.png?imageMogr2/auto-orient/strip%7CimageView2/2)
![](https://upload-images.jianshu.io/upload_images/2267589-d469f4d79081582a.png?imageMogr2/auto-orient/strip%7CimageView2/2)
![](https://upload-images.jianshu.io/upload_images/2267589-f46d2598f3d53958.png?imageMogr2/auto-orient/strip%7CimageView2/2)
![](https://upload-images.jianshu.io/upload_images/2267589-3c48768a577428f5.png?imageMogr2/auto-orient/strip%7CimageView2/2)
六、测试
配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思
![](https://upload-images.jianshu.io/upload_images/2267589-fb7a6e61c1b99541.png?imageMogr2/auto-orient/strip%7CimageView2/2)