node.js的安装与配置

在一个项目的开始,尤其是一个前后端分离的项目,在搭建前端工程的时候,总是会去用到一些目前比较流行的js框架,例如React,Vue等等,其中一些框架的搭建虽然有CDN的方式可以引入,虽然现在CDN的方式可以更快更加便捷的去获取到你想要的数据,但是,在开发的过程中也时常会见到一些资源因为网络原因获取速度缓慢甚至获取失败。而且CDN的实时性不太好,服务器端和缓存器可能会存在不同步的情况,这样也有可能获取不到你所需要的资源,所以很多的框架都会推荐给你利用npm的方式去下载本地资源库,这里就来说一下node.js和npm的使用。

node.js

1 什么是nodejs?

脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言,浏览器是它的解析器角色。而对于需要独立运行的JS,nodejs就是一个解析器。

2 node.js能做什么?

NodeJS的作者说,他创造NodeJS的目的是为了实现高性能Web服务器,他首先看重的是事件机制和异步IO模型的优越性,而不是JS。但是他需要选择一种编程语言实现他的想法,这种编程语言不能自带IO功能,并且需要能良好支持事件机制。JS没有自带IO功能,天生就用于处理浏览器中的DOM事件,并且拥有一大群程序员,因此就成为了天然的选择。

3 node.js的安装

本人使用的还是Windows10的系统环境,所以只介绍一下在Windows下node.js的安装和使用,如果有Linux的小伙伴需要去配置node.js的话,还请移步百度自行去搜索一下

3.1 node.js 的下载

node.js官方网站 -------------→ node.js官方下载页

上面的两个链接一个为node.js的官方网页,一个为其官方的下载页,当然,下载页也可以在官网上方导航条上轻松的找到,正如下图所示,你同时可以在首页上看到两个Windows的下载版本,在这里解释一下,左边版本为14.15.3LTS,LTS 是node.js的稳定版本,正如官网所说Recommend for most users,推荐给大多数用户使用;右边15.5.0 Current ,Current是node.js的最新版本,一般情况,我们做开发不去选用最新的版本,虽然最新版本可能会有一些新的便捷操作,但是最新的版本相比稳定版本会有一些意料之外的BUG的存在。
node.js的安装与配置_第1张图片
在官网的首页两个绿色的下载链接西面还有一行绿字,Long Term Support (LTS) schedule(长期支持版本表),这个位置方便一些需要更旧的版本的人员去选择,点击它也可以进入我们的下载页面,如下图所示:
node.js的安装与配置_第2张图片
在这里大概的看一下这些安装包,有一些对其他系统不是很熟悉的小伙伴,乍一看到可能会有些乱,怎么这么多,该如何去选择我们所需要的安装包,在这里,我就不一个一个去写了,就在图片上做一些简单的描述,如果有兴趣的话,可以自行去找一些资料去具体了解一下
node.js的安装与配置_第3张图片
这里还是提供一下node.js的中文网地址:http://nodejs.cn/

3.2 node.js 的安装
如果为了方便的后续管理,建议是使用.zip,但是为了方便安装的话,可以选用.msi的安装包
我个人的习惯是会去在我的开发工具的目录下面去解压.zip的包,然后再去对node.js去做一些环境变量的配置。这里在配置环境变量的时候要注意,新的node.js在解压完之后是没有bin目录的,所以在添加环境变量的时候只需要添加到node.js文件夹的根目录就好。环境变量的配置方法:右键我的电脑选择属性,然后高级选项卡下面选择环境变量,在下面环境变量里面找到Path,然后编辑它,弹出的框里面新建一个,然后把刚才的你解压的目录添加进去即可。添加完成后就如下图中蓝条所示:
node.js的安装与配置_第4张图片
然后确定确定,到这里,node.js的初步安装就基本上完成了,如何验证node.js是否安装成功,只需要打开命令提示行(cmd),如下图所示,当两个版本显示成功后,就说明node.js的安装已经成功了。

node -v  //显示node.js的版本
npm -v  //显示对应的npm的版本

node.js的安装与配置_第5张图片
这里大概提一下使用msi方法安装时的一些要注意的地方:
node.js的安装与配置_第6张图片
在这一步的时候,node.js的安装会默认帮你添加环境变量,但是可能你安装完成后,dos命令下输入node提示错误(需配置环境)。这个时候有可能是环境变量没有生效,你可以重新启动电脑,或者按照上面配置环境变量的方法再去配置一下环境变量即可。

3.3 node.js 的配置

我们知道node.js是一个国外的网站,当你安装好node.js后,使用的时候可能会因为一些网络的设置导致使用的时候出现问题,这时候我们就需要对node.js进行一些配置(就类似于java中maven的配置)

在除了系统盘外的任意路径创建两个文件node-cache,node-global用来指定npm的模块路径和缓存路径,我个人的习惯会有专门的目录去设置这些,当然如果你不知道放在哪里合适的话,你也可以直接在node.js的目录下去创建,如下图所示
node.js的安装与配置_第7张图片
然后打开命令提示行(cmd),配置刚才新建的两个文件夹(一定要注意路径!!!!)

npm config set prefix "你创建文件夹的路径\node-global"
npm config set cache "你创建文件夹的路径\node-cache"

再去配置淘宝的国内镜像源,方便下载的时候不会因为网络原因导致下载缓慢甚至失败

npm config set registry https://registry.npm.taobao.org
//这个可以通过npm config get registry 来查看设置的路径

当你全部完成后,可以使用下面的命令去验证你的设置

npm config ls

node.js的安装与配置_第8张图片
到此,node.js便安装且设置完成了,小伙伴们便可以去开心的使用node来搭建一些工程了。

祝各位码上无ERROR,键盘无BUG!!

你可能感兴趣的:(前端工具站,node.js)