Vue快速开发(一):为了共产主义事业页奋斗,时刻准备着

676 阅读1分钟

我们所熟知的前端三大框架,有:AngularReactvue
看一下它们的 star数(2019年5月23日 9:45统计),不难看出,后来者居上的 vue 选超 react react star vue star

一、前端技术选型

穷则变,变则通,通则久 《周易·系辞下》

前端经历过从 最原始的 table布局div + span 走遍天下、再从原生JSjQuery 横扫千军,再到目前的 MVC/MVVM 前后端分离,第一次的变化都是一次破茧成蝶。

1.1 怎么选型?

技术的生态圈能解决实际问题开发学习成本团队成员水平,这几个因素成为技术选型主要考量的因素。

1.1.1 生态圈

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 环境准备

请先确认本地已安装 nodenpm,通过以下命令查看:

$ 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