VUE——概念与安装

名词概念

MVVM 模式

MVVM（Model-View-ViewModel）本质上是 MVC 的改进版。即将其中的 View 的状态和行为抽象化，将视图 UI 和业务逻辑分开，提高前端开发效率。

vue-cli

vue.js 的脚手架，用于自动生成 vue.js + webpack 的项目模板。目前分为 2.x、3.x 和4.x版本（2.x 和 4.x 较常用），4.x 基本忽略大量的 webpack 配置，支持命令版本更新。

webpack

Webpack 是一个模块打包器，主要目的是在浏览器上打包 JavaScript 文件。目前分为 3.0 和 4.0 版本。可手动下载 webpack 3、4手动搭建 vue.js 。

Vuex

解决各组件之间的传值，在 vue 中可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新。

node.js

解析脚本语言的解析器，可以解析独立运行的 JS 。项目中可使用 npm 模块（类似于 git）来下载第三方依赖包。

工具安装

node.js

下载地址：https://nodejs.org/en/

查看安装版本：

查看 node 和 npm 的版本。

node -v
npm -v

 配置：

全局目录：

npm config set prefix "F:\nodejs\node_global"

存放 npm 下载第三方插件的目录： 

npm config set cache "F:\nodejs\node_cache"

淘宝镜像：

npm config set registry=https://registry.npm.taobao.org

查看npm配置信息：

npm config list

 

 

vue

安装：

-g 表示安装到刚才自定义的全局目录中，否则安装到当前目录。

npm install vue -g

 配置 NODE_PATH 环境变量：

运行：

查看 vue.js 的版本。

npm info vue

 

vue-cli

安装：

安装到指定目录中。

npm install vue-cli -g

配置：

vue-cli 的运行目录是 node_global 不是 node_modules。所以还需在 PATH 中配置环境变量，重启生效。

运行：

查看 vue-cli 脚手架的版本。

vue -V