This is the first day of my participation in the August More text Challenge. For details, see: August More Text Challenge

preface

Using ElementUI already has a period of time, in the side to fit the development background management system’s colleague, also recorded some notes, has not time to sum up, the odd note into a more detail tutorial system, can be left to look at, just saw on the nuggets about August more challenge activity, After reading it, I was moved and decided to spend some time and energy to participate in this more meaningful activity.

In the development process, it is true that a large part of the documents are used. It is said that front-end development cannot be separated from documents. The important words say three times, must read more documents.

Manage back-end solutions

Vue-element-admin is a back-end front-end solution based on vUE and Element-UI implementations.

Star index: 69.7K Github: github.com/PanJiaChen/…

Panjiachen.github. IO/Vue-Element…

Panjiachen.github. IO/Vue-element…

The positioning of this project is the background integration scheme, which is not suitable for secondary development when the basic template. Because this project integrates a lot of functionality that you may not need, there is a lot of code redundancy. If your project doesn’t focus on this, you can build on it directly.

Recommended, simplified version

Use ele. me simplified version of the background management system – Eladmin -web

Github: github.com/elunez/elad…

Vue+ElementUI set up background management system (actual combat series one) – set up the development environment

The project that I develop in hand now is to use this, operation still is more convenient. And the installation steps are the same, the only difference is the vue-Element-admin management background for some module components deleted, it is not so heavy, a lot of light, is beneficial to the daily development operation.

It’s easy to use. Here are the steps

1: Open the Github address and download the project

2: after the download is complete, start to decompress. After the decompression is complete, import the project into vscode

3: Open the VSCode editor, open the terminal, go to the project directory, install the dependency

Install dependencies

cnpm install
Copy the code

4: Starts the service
npm run dev
Copy the code

5: Open the browser to view the effect

Here so far, we ran out of the background management system on the local environment, the next thing to do, is based on this to make some necessary changes, with the demand of the function of their own projects, increase or decrease the code, modify the become what you want, but the components inside is very rich, really a lot of code is packaged very well, You can just grab it and use it.