我们所熟知的前端三大框架,有:
Angular、React和vue。
看一下它们的 star数(2019年5月23日 9:45统计),不难看出,后来者居上的vue选超react![]()
一、前端技术选型
穷则变,变则通,通则久 《周易·系辞下》
前端经历过从 最原始的 table布局、div + span 走遍天下、再从原生JS 到 jQuery 横扫千军,再到目前的 MVC/MVVM 前后端分离,第一次的变化都是一次破茧成蝶。
1.1 怎么选型?
技术的生态圈、能解决实际问题、开发学习成本 及 团队成员水平,这几个因素成为技术选型主要考量的因素。
1.1.1 生态圈
vue的生态圈比较丰富:
- vue:渐进式 JavaScript 框架
- vuejs.org : 文档支持
- vue-router: 路由
- vuex : vue状态管理
- vue-cli : vue脚手架
- vue-devtools : vue开发调试工具
1.1.2 解决实际问题
jQuery 通过操作DOM来对视图进行改变;vue通过数据驱动来对视图进行改变;
1.1.3 开发学习成本
易上手,使用简单,只要你的HTML、CSS和JS的基本功就行。
1.1.4 团队成员水平
团队成员水平是一个梯队,初级、中级、高级。
1.2 技术选型结论
vue + vue-router + axios + iview + vuex
二、开始
2.1 环境准备
请先确认本地已安装 node和npm,通过以下命令查看:
$ node -v
v8.9.3
$ npm -v
5.5.1
如未安装,请先从nodejs官网下载并安装
2.2 快速构建项目
vue-cli,Vue.js 开发的标准工具。参考:安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli