Ue-typescript-element-template Git repository: github.com/forijk/vue-…

Vue-typescript-element-template

A lightweight, easy to use, clear structure of Vue CLI3 + TypeScript + ElementUI development enterprise backend template.

The recent update

  • Add axios plugin package, anti – shake, throttling, request caching, etc.
  • Add some sample pages

Application method and characteristics

  • Method of use

    • Git clone github.com/forijk/vue-…
    • Install dependency: NPM install
    • Run locally: NPM run serve
    • Code Lint: NPM run Lint
    • Local build: NPM run build
  • Features:

    • Multi-entry project; Also change to single entry, directly modify vue.config.js can be
    • Uses ESLint as a code specification tool with built-in support for typescript syntax
    • The file directory structure is clear
      • Pages Project Directory
      • Utility class utils
      • Plug-in class plugins
      • Common Component Components
    • The router and Store have been configured for use
    • Integrated three-level menu, breadcrumb function and other functions
    • Has been removed from the public components Layout, Header, Side, Breadcrumb and other components, easy to use, easy to expand

The directory structure

├ ─ ─ Babel. Config. Js ├ ─ ─ package. The json ├ ─ ─ postcss. Config. Js ├ ─ ─ public │ ├ ─ ─ the favicon. Ico │ └ ─ ─ index. The HTML ├ ─ ─ the SRC │ ├ ─ ─ Assets │ │ ├ ─ ─ logo. PNG │ │ └ ─ ─ page404. PNG │ ├ ─ ─ common │ │ ├ ─ ─ Bus. Ts │ │ ├ ─ ─ axios. Ts │ │ ├ ─ ─ axiosExtensions. Ts │ │ ├ ─ ─ common. SCSS │ │ └ ─ ─ interpators. Ts │ ├ ─ ─ components │ │ ├ ─ ─ Breadcrumb. Vue │ │ ├ ─ ─ the Header. The vue │ │ ├ ─ ─ Layout. The vue │ │ └ ─ ─ Side. Vue │ ├ ─ ─ global, which s │ ├ ─ ─ pages │ │ ├ ─ ─ home │ │ │ ├ ─ ─ App. Vue │ │ │ └ ─ ─ main. Ts │ │ ├ ─ ─ index │ │ │ ├ ─ ─ App. Vue │ │ │ ├ ─ ─ main. Ts │ │ │ ├ ─ ─ the router. The ts │ │ │ ├ ─ ─ service │ │ │ │ ├ ─ ─ apiMap. Ts │ │ │ │ └ ─ ─ apimanage. Serve. Ts │ │ │ ├ ─ ─ store │ │ │ │ ├ ─ ─ actions. The ts │ │ │ │ ├ ─ ─ but ts │ │ │ │ ├ ─ ─ mutation - types. Ts │ │ │ │ └ ─ ─ state. The ts │ │ │ └ ─ ─ Views │ │ └ ─ ─ the initialize. Ts │ ├ ─ ─ the plugins │ │ ├ ─ ─ inject. Ts │ │ ├ ─ ─ notify. Ts │ │ └ ─ ─ vue. Which s │ └ ─ ─ utils ├ ─ ─ Tsconfig. Json └ ─ ─ vue. Config. JsCopy the code

Updates will continue in the future. Hope to be able to help you, some harvest, but also hope that you put forward some suggestions.

Thank you ~