本文共 1160 字，大约阅读时间需要 3 分钟。
背景
有没有为了一个页面而发愁，有么有为了一个系统而发愁。明明是有一肚子的想法，却无从下手。SRE往往很多时候有想法想去构建一个简单的系统。却发现不知道怎么构建。或者构建出来的系统太丑。
前端的技能应该是一个程序员的基本技能之一。可以不用很专业，但是一定要会落地和实现。
VUE
本周介绍一个最常用的前端开发框架，能快速的帮助sre同学搭建自己的系统。这里推荐VUE 目前vue是业界用的最流行的前端开发框架
接下来会介绍一下vue达到快速入门的目的
vue的安装
vuex的介绍和使用
elementui+echart的使用
http请求+跨域问题
VUE安装
vue安装：https://www.jianshu.com/p/1ee1c410dc67 可以参考这篇文章
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install -g vue-cli
vue init webpack
cnpm install
npm run dev
localhost:8080
框架介绍
学习的方式有两种，第一是从头安装，第二是直接使用一个框架 ，这里也介绍一些框架，大家可以先看一下，
开源项目名称 | 优势 | 代码地址 | DEMO 预览 |
vue-element-admin | 动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件 | https://github.com/PanJiaChen/vue-element-admin | http://panjiachen.github.io/vue-element-admin |
iview-admin | 内置了开发后台管理系统常用的逻辑功能，和开箱即用的业务组件，旨在让开发者能够以最小的成本开发后台管理系统，降低开发量 | https://github.com/iview/iview-admin | https://admin.iviewui.com/home |
ant-design-pro-vue | 开源的中后台 Vue UI 脚手架，内置常用的业务布局和业务模板 | https://github.com/sendya/ant-design-pro-vue/blob/master/README.zh-CN.md | https://preview.pro.loacg.com |
coreui | https://github.com/coreui/coreui-free-vue-admin-template | https://coreui.io/vue/demo/#/dashboard |
总结：
本文没有介绍太多的原理，大家可以网上找，本文目的是快速的上手。让SRE同学能快速的进入前端领域，快速搭建自己的系统
转载地址：https://blog.csdn.net/weixin_35600779/article/details/113708603 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
关于作者
