【Vue】环境搭建

Vue 简介：

一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

优点：

1. JavaScript扩建
2. 简化 Dom 驱动

Dom: 文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将 web 页面和脚本或程序语言连接起来。

3. 响应式数据驱动

了解了 Vue 大概是什么之后，下面我们来进行 Vue 环境的搭建

1. 安装 Node.js

Node.js 是什么？
在 Node.js 之前，JavaScript 只能运行在浏览器中，作为网页脚本使用，为网页添加一些特效，或者和服务器进行通信。有了 Node.js 以后，JavaScript 就可以脱离浏览器，像其它编程语言一样直接在计算机上使用，想干什么就干什么，再也不受浏览器的限制了。因此，Node.js 并不是一门新的编程语言，也不是一个 JavaScript 框架，它是一套 JavaScript 运行环境，用来支持 JavaScript 代码的执行。用编程术语来讲，Node.js 是一个 JavaScript 运行时（Runtime）

下载地址为 node.js官网，选择适合自己的版本安装即可。安装过程一路 next

安装结束后，通过 cmd 命令行输入下列代码查看 node.js 是否安装成功

node -v
1

安装 node.js 的同时会按照 npm，可通过 cmd命令行输入下列代码查看 npm 是否安装成功

npm -v
1

2. 安装 cnpm

cnpm 是什么？
npm的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。因此cnmp 就是另一个我们国内的更快的镜像。

cnmp 镜像官网：http://www.npmmirror.com/?spm=a2c6h.14029880.0.0.73593839L8bWkC

通过 cmd 命令行输入以下代码安装 cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com
1

3. 安装 Vue CLI

Vue CLI 官网地址 ：https://cli.vuejs.org/zh/

通过 cmd 命令行输入以下代码安装(nmp 换为 cnmp 防止因网络问题导致下载不成功)：

cnpm install -g @vue/cli
1

执行完上步就安装完毕了，通过 cmd 命令行输入下列代码查看是否安装成功

vue -V
1

4. 安装 webpack

webpack 是一款开源的前端打包工具，安装方式如下：

cnpm install webpack -g
1