一、什么是VUE
Vue (发音为 /vjuː/,类似 View) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是 简单还是复杂的界面,Vue 都可以胜任。
- 组件化:Vue.js采用组件化的方式来构建用户界面,允许开发人员创建可重复使用的组件,这可以大大简化代码,并提高Web应用程序的可维护性和可重复性。
- 响应式数据绑定:Vue.js实现了数据的双向绑定,即当数据模型层(Model)发生变化时,视图层(View)会自动更新,反之亦然。这使得状态管理变得非常简单且直观。
- MVVM模式:Vue.js遵循Model-View-ViewModel(MVVM)设计模式,实现了业务逻辑层(ViewModel)与视图层(View)和数据层(Model)的分离,提高了代码的可维护性和可扩展性。
- 虚拟DOM:Vue.js使用虚拟DOM来提高页面渲染的效率。当数据发生变化时,Vue.js会先更新虚拟DOM,然后比较新旧虚拟DOM的差异,最后只将变化的部分更新到真实DOM上,从而避免了不必要的全局重新渲染。
- 生态系统丰富:Vue.js拥有非常强大的生态系统,包括大量的第三方库和插件,可用于解决各种问题和扩展Vue.js的功能。
官网地址:英文官网: https://vuejs.org/
中文官网: https://cn.vuejs.org/
二、VUE CLI环境搭建
下载对应你系统的 Node.js 版本:https://nodejs.org/en/download/
打开cmd进行测试安装是否成功
三、创建vue项目
1、创建一个文件夹
2、在文件夹空白处按住shift并单击鼠标右键打开powershell窗口
3、输入:npm config set registry https://registry.npmmirror.com/
4、输入:npm init vue@latest
5、依次执行下列语句
6、如果想结束项目可以执行CTRL+C