Vue 简介:
一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
优点:
- JavaScript扩建
- 简化 Dom 驱动
Dom: 文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将 web 页面和脚本或程序语言连接起来。
- 响应式数据驱动
了解了 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
安装 node.js 的同时会按照 npm,可通过 cmd命令行输入下列代码查看 npm 是否安装成功
npm -v
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
3. 安装 Vue CLI
Vue CLI 官网地址 :https://cli.vuejs.org/zh/
通过 cmd 命令行输入以下代码安装(nmp 换为 cnmp 防止因网络问题导致下载不成功):
cnpm install -g @vue/cli
执行完上步就安装完毕了,通过 cmd 命令行输入下列代码查看是否安装成功
vue -V
4. 安装 webpack
webpack 是一款开源的前端打包工具,安装方式如下:
cnpm install webpack -g