运维开发之vue框架

前面已经学历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的国内淘宝源，因为你懂得，官方的速度太慢了

3、安装vue 客户端

4、安装好后可以用vue ui界面创建项目，今天直接用命令行创建，用ui创建方式可以看我前面的文章。

这里让你选版本以及是否手动配置，初学直接选默认vue3就行，后面熟练了就自己手动配置。

到这里，一个简单的vue项目就安装成功了，那么剩下的时间就是利用这个框架开发一款属于自己的web应用了，感兴趣的朋友可以加入我的知识星球，别忘了关注点赞呀！

END