详细教程 Node环境和Vue脚手架的搭建及其作用

一、Node.js
1.什么是Node.js?
Node(或者说 Node.js,两者是等价的)是 JAVAScript 的一种运行环境 。在此之前,我们知道 JavaScript 都是在浏览器中执行的,用于给网页添加各种动态效果,那么可以说浏览器也是 JavaScript 的运行环境 。那么这两个运行环境有哪些差异呢?请看下图:

详细教程 Node环境和Vue脚手架的搭建及其作用

文章插图
简而言之,Node 为我们提供了一个无需依赖浏览器、能够直接与操作系统进行交互的 JavaScript 代码运行环境!
2.下载步骤:
①下载 。下载地址:https://nodejs.org/en/,可根据电脑系统版本、操作系统下载适合的版本
详细教程 Node环境和Vue脚手架的搭建及其作用

文章插图
②安装 。双击安装包,点击Next,勾选使用许可协议,点击Next,选择安装位置(可根据个人情况更换路径 。继续点击Next,点击Install,点击Finish完成安装 。
详细教程 Node环境和Vue脚手架的搭建及其作用

文章插图
③添加环境变量 。进入环境变量,编辑【系统变量】下的变量【Path】
详细教程 Node环境和Vue脚手架的搭建及其作用

文章插图
安装完成后可以进行验证:win + r ,输入命令:node -和npm -v(npm),弹出如:v16.14.0,那么就安装成功了,一般来说npm速度相对较慢,继而使用国内的淘宝镜像,安装命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
④配置环境 。现在你全局的仓库是安装在c盘下的,可以通过npm list -global命令查看;所以当你们使用npm安装全局模块的时候会安装到c盘下面的文件夹,这会使得你c盘数据庞大,所以我们便可以修改默认存储地址;但是如果你c盘本身比较大,不在乎多存的这点数据,那就可以忽略不计这一步 。
在你安装node的文件夹下新建两个文件夹;node_cache(缓存文件夹)node_global(全局仓库文件夹)
3.Node.js的作用
Node.js一发布,立刻在前端工程师中引起了轩然大波,前端工程师们几乎立刻对这一项技术表露出了相当大的热情和期待 。上一次一种技术能被整个前端界如此关注那还是在几年之前,那时候Ajax这个概念刚刚被提出来 。让JavaScript跑在server端,这个想法简直太棒了 。这下我们不用再去学那些php、Ruby、Java、Scala或者其他什么对前端来说奇怪的语言,也可以轻松地将我们的领域扩展到server端,多么美好的前景!
Node.Js的首要目标是提供一种简单的、用于创建高性能服务器及可在该服务器中运行的各种应用程序的开发工具 。
首先让我们来看一下现在的服务器端语言中存在着什么问题 。在Java、PHP或者.NET等服务器语言中,会为每一个客户端连接创建一个新的线程 。而每个线程需要耗费大约2MB内存 。也就是说,理论上,一个8GB内存的服务器可以同时连接的最大用户数为4000个左右 。要让web应用程序支持更多的用户,就需要增加服务器的数量,而web应用程序的硬件成本当然就上升了 。
Node.Js不为每个客户连接创建一个新的线程,而仅仅使用一个线程 。当有用户连接了,就触发一个内部事件,通过非阻塞I/O、事件驱动机制,让Node.js程序宏观上也是并行的 。使用Node.js,一个8GB内存的服务器,可以同时处理超过4万用户的连接 。
二.Vue
1.什么是Vue?
Vue是一个MVVM的渐进式javascript框架,它是初创项目的首选前端框架 。Vue的目标是通过尽可能简单的api实现相应的数据绑定和组合的视图组件 。
Vue框架是轻量级的,有很多独立的功能或库,在Vue里我们可以根据自己的项目来选用它的一些功能 。Vue 的核心库只关注视图层,所以开发者关注的只是m-v的映射关系 。
其中提到的“渐进式框架”和“自底向上增量开发的设计”是Vue开发的两个概念 。
Vue可以在任意其他类型的项目中使用,使用成本较低,更灵活,主张较弱,在Vue的项目中也可以轻松融汇其他的技术来开发,并且因为Vue的生态系统特别庞大,可以找到基本所有类型的工具在vue项目中使用 。


推荐阅读