The three most familiar front-end frameworks are Angular, React, and Vue. If you look at their star count (May 23, 2019, 9:45), it’s not hard to see that vue is coming up behind and choosing React

First, front-end technology selection

Poverty leads to change; change leads to success; General Rule lasts for a long time

The front end has experienced from the most original table layout, DIV + SPAN all over the world, and then from native JS to jQuery sweeping the world, and then to the current MVC/MVVM front and back end separation, the first change is a cocoon into butterfly.

1.1 How to select the model?

The ecosystem of the technology, the ability to solve practical problems, the cost of development and learning, and the level of team members are the main factors to be considered in technology selection.

1.1.1 ecosystem

Vue has a rich ecosystem:

  • Vue: Progressive JavaScript framework
  • Vuejs.org: Documentation support
  • Vue – the router: routing
  • Vuex: VUE status management
  • Vue-cli: Vue scaffolding
  • Vue-devtools: vUE development and debugging tool

1.1.2 Solving practical problems

JQuery changes views by manipulating the DOM; Vue makes changes to views driven by data;

1.1.3 Development learning cost

Easy to use, simple to use, as long as your BASIC KNOWLEDGE of HTML, CSS and JS on the line.

1.1.4 Team member level

The team member level is a echelon, elementary, intermediate and advanced.

1.2 Technical selection conclusions

vue + vue-router + axios + iview + vuex

Second, the start

2.1 Environment Preparation

Ensure that node and NPM are installed on the local PC. Run the following command to check the installation:

$node -v v8.9.3 $NPM -v 5.5.1Copy the code

If no, download and install nodeJS from the official website

2.2 Quickly build projects

Vue – CLI, vue. Js development standard tool. Reference: Installation

npm install -g @vue/cli
# OR
yarn global add @vue/cli
Copy the code