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