Recently I was free, so I sorted out the previous background management project, and I felt it was necessary to share some useful things: a starting project with high scalability, more intuitive code prompts and easier understanding for novices. 10 lines of code is definitely easier to read than 100 lines, so I choose to write 10 lines of code.

Project description

Compared with the open source project vue-typescript-admin-Template, a super lightweight template (here refers to the functional interface effect) only retains the core functions of Layout, VUE-Router, SVG-Icon, and routing permission management. The main purpose is to provide a smaller project volume, can be more freely expanded according to the actual situation of a set of background management basic template.

Description of some Modules

  1. I’m using Ajax (reference address) written natively based on my personal preferences, and can extend third-party libraries like Axios if you like.

  2. I changed the way vuex is used to better code prompt tracking and less code implementation. You don’t need Vuex

  3. Layout specifically: less component code, more intuitive code prompts, more detailed functionality experience (responsive sidebar animation transition, page refresh Settings are not affected, etc.), the details can be compared to: the open source project vUE -typescript-admin-template.

  4. In order to ensure that each NPM run serve, NPM run build a batch of fast, like charts, rich text editing, Excel and other extensions according to their own projects to choose their favorite import use, if you need these additional functions can switch to the HJS branch.

Has been updatedvue-3.xversion

Dependencies used by the project

{
	"dependencies": {
        "core-js": "^ 3.4.4." "."element-ui": "^ 2.13.0"."nprogress": "^ 0.2.0." "."save-dev": "0.0.1 ws-security"."vue": "^ 2.6.10"."vue-class-component": "^ 7.0.2"."vue-property-decorator": "^ 8.3.0"."vue-router": "^ 3.1.3"
    },
	"devDependencies": {
        "@types/node": "^ 13.1.4"."@types/nprogress": "^ 0.2.0." "."@vue/cli-plugin-babel": "^ 4.1.0." "."@vue/cli-plugin-router": "^ 4.0.5"."@vue/cli-plugin-typescript": "^ 4.1.0." "."@vue/cli-service": "^ 4.1.0." "."node-sass": "^ 4.13.0"."sass-loader": "^ 8.0.0." "."svg-sprite-loader": "^ 4.1.6." "."typescript": "^ 4.1.2." "."vue-template-compiler": "^ 2.6.10"}},Copy the code

The project address

vue-admin

If it helps, give it a star

Preview the address

vue 2.x-demo

vue 3.x-demo