前面已经学历html、css以及js，到这里就应该可以构建一些简单的网页了，但是如果想快速实现一些功能或者搭建一个系统，那如果只靠前面这些知识还是比较慢，虽然也不是不可以，主要完成效率不高，界面也可能不太美观。那么就得用到框架。为什么使用框架，因为框架就是有些前端大牛前辈，或者团队人家已经帮我们写好了常用的工具或者库，提供了一系列可重用的组件、函数、样式，直接封装起来发布到网上，供我们这些菜鸟直接使用。所以使用框架，就能够快速构建具有吸引里和响应性的网页应用程序。
鉴于vue是尤雨溪大佬写的，而且也比较容易上手，咱们这里就学习vue框架，如果你对其他框架感兴趣的话，可以后台留言，我们一起学习。对于vue框架的基础的简介我这里就不说了，大家可以自行官网查阅，我们今天就直接上手，先把它用起来。
框架
先还是直接上脑图，对于知识的整体有个了解：
学习的话从以下几个方面开始：
1、基本概念和语法，包括组件、指令、数据绑定、计算属性、方法等等。
2、生命周期：从创建到销毁经历的一些列状态。
3、路由：掌握router的使用方法和常用API。
4、状态管理：学习vuex的使用。
5、学习vue组件化开发，将应用拆分为多个独立、可复用的组件。
6、实际应用，在实际项目中灵活使用，理解其中的知识点。
那么今天就是实际创建一个vue实例：
1、安装Nodejs
官网：Node.js (nodejs.org)
LTS就是稳定版，下载这个就行。傻瓜式安装cmd输入node -v，出现以下界面就说明安装没毛病，我之前就安装过了，就不安装最新版本了。
2、安装包管理器npm的国内淘宝源，因为你懂得，官方的速度太慢了
代码语言：javascript复制npm install cnpm --regisistry=https：//registry.npm.taobao.org3、安装vue 客户端
代码语言：javascript复制npm install -g vue 安装全局vue
npm install -g @vue/cli 安装vue脚手架 ，加一个@是最新的版本
npm install -g vue/cli 安装的不是最新版本4、安装好后可以用vue ui界面创建项目，今天直接用命令行创建，用ui创建方式可以看我前面的文章。
代码语言：javascript复制vue create example
这里让你选版本以及是否手动配置，初学直接选默认vue3就行，后面熟练了就自己手动配置。
运行npm run serve
END
