vue脚手架安装教程

MVVM架构

M ： Model 模型层（业务逻辑层） 主要包含 JS 代码，用于管理业务逻辑的实现。

V ： View 视图层 主要包含 HTML/CSS 代码，用于管理 UI 的展示。

VM ： ViewModel （视图模型层）是vue实例对象，用于将 data 与视图层的 DOM 进行动态绑定。(图来源尚硅谷)

 基于脚手架环境开发 vue 项目

制作web项目，从小作坊状态转向工程化开发的状态就需要了解 Vue 脚手架环境。脚手架开发环境将会提供一套 开发标准便于工程化快速开发。 基于脚手架环境就可以生成标准化开发时所需要的项目包。

环境要求：

1.node版本：12~16

       检查node版本的命令： node   -v

(我是按window + R启动的)

安装 nodejs ： https://nodejs.cn/download

 2.npm，包管理工具，需要配置镜像地址，改为中国仓库镜像地址。

执行命令前查看当前镜像：npm get registry

设置镜像地址的命令:

基于npm命令，全局安装脚手架工具，这样就可以通过该工具创建vue项目了。

安装成功如图：

只要没有红色：ERROR都算成功！

安装成功之后，将所有的cmd窗口都关闭，（重置系统环境变量ÿ