vue脚手架安装教程

MVVM架构

M : Model 模型层(业务逻辑层) 主要包含 JS 代码,用于管理业务逻辑的实现。

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

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

vue脚手架安装教程

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

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

环境要求:

1.node版本:12~16

? ? ? ?检查node版本的命令: node? ?-v

vue脚手架安装教程

(我是按window + R启动的)

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

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

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

设置镜像地址的命令:

vue脚手架安装教程

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

vue脚手架安装教程

安装成功如图:

vue脚手架安装教程

只要没有红色:ERROR都算成功!

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

上一篇:win10如何刷回win7系统(win10如何重装系统win7)
下一篇:r5 5500u能玩大型游戏吗(锐龙r5 5500u能打cf吗)