kandi background
Explore Kits

vue-admin-template | a vue2.0 minimal admin template | State Container library

 by   PanJiaChen JavaScript Version: 4.4.0 License: MIT

 by   PanJiaChen JavaScript Version: 4.4.0 License: MIT

Download this library from

kandi X-RAY | vue-admin-template Summary

vue-admin-template is a JavaScript library typically used in User Interface, State Container, Vue, Axios applications. vue-admin-template has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can download it from GitHub.
a vue2.0 minimal admin template
Support
Support
Quality
Quality
Security
Security
License
License
Reuse
Reuse

kandi-support Support

  • vue-admin-template has a medium active ecosystem.
  • It has 14865 star(s) with 5729 fork(s). There are 413 watchers for this library.
  • It had no major release in the last 12 months.
  • There are 232 open issues and 368 have been closed. On average issues are closed in 82 days. There are 24 open pull requests and 0 closed requests.
  • It has a neutral sentiment in the developer community.
  • The latest version of vue-admin-template is 4.4.0
vue-admin-template Support
Best in #State Container
Average in #State Container
vue-admin-template Support
Best in #State Container
Average in #State Container

quality kandi Quality

  • vue-admin-template has 0 bugs and 0 code smells.
vue-admin-template Quality
Best in #State Container
Average in #State Container
vue-admin-template Quality
Best in #State Container
Average in #State Container

securitySecurity

  • vue-admin-template has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
  • vue-admin-template code analysis shows 0 unresolved vulnerabilities.
  • There are 0 security hotspots that need review.
vue-admin-template Security
Best in #State Container
Average in #State Container
vue-admin-template Security
Best in #State Container
Average in #State Container

license License

  • vue-admin-template is licensed under the MIT License. This license is Permissive.
  • Permissive licenses have the least restrictions, and you can use them in most projects.
vue-admin-template License
Best in #State Container
Average in #State Container
vue-admin-template License
Best in #State Container
Average in #State Container

buildReuse

  • vue-admin-template releases are available to install and integrate.
  • Installation instructions, examples and code snippets are available.
  • vue-admin-template saves you 145 person hours of effort in developing the same functionality from scratch.
  • It has 362 lines of code, 0 functions and 69 files.
  • It has low code complexity. Code complexity directly impacts maintainability of the code.
vue-admin-template Reuse
Best in #State Container
Average in #State Container
vue-admin-template Reuse
Best in #State Container
Average in #State Container
Top functions reviewed by kandi - BETA

kandi has reviewed vue-admin-template and discovered the below as its top functions. This is intended to give you an instant insight into vue-admin-template implemented functionality, and help decide if they suit your requirements.

  • Parses a time object
    • Mock XHRRequest .
      • Format a time string
        • parse params from a url
          • Wrap XHR request to express XHR .
            • Register the mock routes
              • Retrieve list of table .
                • Log a user .
                  • Get user info .
                    • Unregister routes .

                      Get all kandi verified functions for this library.

                      Get all kandi verified functions for this library.

                      vue-admin-template Key Features

                      a vue2.0 minimal admin template

                      Build Setup

                      copy iconCopydownload iconDownload
                      # clone the project
                      git clone https://github.com/PanJiaChen/vue-admin-template.git
                      
                      # enter the project directory
                      cd vue-admin-template
                      
                      # install dependency
                      npm install
                      
                      # develop
                      npm run dev
                      

                      Build

                      copy iconCopydownload iconDownload
                      # build for test environment
                      npm run build:stage
                      
                      # build for production environment
                      npm run build:prod
                      

                      Advanced

                      copy iconCopydownload iconDownload
                      # preview the release environment effect
                      npm run preview
                      
                      # preview the release environment effect + static resource analysis
                      npm run preview -- --report
                      
                      # code format check
                      npm run lint
                      
                      # code format check and auto fix
                      npm run lint -- --fix
                      

                      Import CoreUI icons into Vue.js TypeScript project

                      copy iconCopydownload iconDownload
                      import Vue, { ComponentOptions } from "vue";
                      
                      declare module "vue/types/options" {
                        interface ComponentOptions<V extends Vue> {
                          icons?: any;
                        }
                      }
                      

                      Using the async/await pattern in Vue.js

                      copy iconCopydownload iconDownload
                      npm i -D @babel/plugin-transform-runtime
                      npm i @babel/runtime
                      
                      {
                        "presets": [
                          "@babel/preset-env",
                          "@babel/preset-react"
                        ],
                        "plugins": [
                          [
                            "@babel/plugin-transform-runtime",
                            {
                              // "absoluteRuntime": false,
                              "corejs": false,
                              // "helpers": true,
                              "regenerator": true,
                              // "useESModules": false
                            }
                          ]
                        ]
                      }
                      
                      npm i -D @babel/plugin-transform-runtime
                      npm i @babel/runtime
                      
                      {
                        "presets": [
                          "@babel/preset-env",
                          "@babel/preset-react"
                        ],
                        "plugins": [
                          [
                            "@babel/plugin-transform-runtime",
                            {
                              // "absoluteRuntime": false,
                              "corejs": false,
                              // "helpers": true,
                              "regenerator": true,
                              // "useESModules": false
                            }
                          ]
                        ]
                      }
                      

                      Community Discussions

                      Trending Discussions on vue-admin-template
                      • Import CoreUI icons into Vue.js TypeScript project
                      • Using the async/await pattern in Vue.js
                      Trending Discussions on vue-admin-template

                      QUESTION

                      Import CoreUI icons into Vue.js TypeScript project

                      Asked 2020-May-26 at 05:38

                      I'm building a Vue.js app with CoreUI in TypeScript. The problem I currently have is related to CoreUI's icons. My application runs fine and renders the icons, but VSC complains about the specific line:

                      icons: { cilHome, cilSettings },
                      

                      Here is the entire code of my main.ts:

                      import Vue from "vue";
                      import App from "./App.vue";
                      import CoreuiVue from "@coreui/vue";
                      import { cilPencil, cilSettings } from "@coreui/icons";
                      import router from "./router";
                      import store from "./store";
                      
                      Vue.config.productionTip = false;
                      
                      Vue.use(CoreuiVue);
                      
                      new Vue({
                        router,
                        store,
                        icons: { cilPencil, cilSettings },
                        render: h => h(App)
                      }).$mount("#app");
                      

                      VSC error text:

                      No overload matches this call. Overload 1 of 3, '(options?: ThisTypedComponentOptionsWithArrayProps | undefined): CombinedVueInstance>', gave the following error. Argument of type '{ router: VueRouter; store: Store; icons: { cilHome: string[]; cilSettings: string[]; }; render: (h: CreateElement) => VNode; }' is not assignable to parameter of type 'ThisTypedComponentOptionsWithArrayProps'. Object literal may only specify known properties, and 'icons' does not exist in type 'ThisTypedComponentOptionsWithArrayProps'. Overload 2 of 3, '(options?: ThisTypedComponentOptionsWithRecordProps | undefined): CombinedVueInstance>', gave the following error. Argument of type '{ router: VueRouter; store: Store; icons: { cilHome: string[]; cilSettings: string[]; }; render: (h: CreateElement) => VNode; }' is not assignable to parameter of type 'ThisTypedComponentOptionsWithRecordProps'. Object literal may only specify known properties, and 'icons' does not exist in type 'ThisTypedComponentOptionsWithRecordProps'. Overload 3 of 3, '(options?: ComponentOptions, DefaultMethods, DefaultComputed, PropsDefinition>, Record<...>> | undefined): CombinedVueInstance<...>', gave the following error. Argument of type '{ router: VueRouter; store: Store; icons: { cilHome: string[]; cilSettings: string[]; }; render: (h: CreateElement) => VNode; }' is not assignable to parameter of type 'ComponentOptions, DefaultMethods, DefaultComputed, PropsDefinition>, Record<...>>'. Object literal may only specify known properties, and 'icons' does not exist in type 'ComponentOptions, DefaultMethods, DefaultComputed, PropsDefinition>, Record<...>>'.ts(2769) Peek Problem No quick fixes available

                      I assume it's a TypeScript type issue, since the code is built with no issues in EcmaScript: https://github.com/coreui/coreui-free-vue-admin-template. I would really appreciate if you could share your experience with such issues. Thank you!

                      ANSWER

                      Answered 2020-Mar-03 at 22:46

                      I was able to resolve the error, by creating a custom type file xxx.d.ts:

                      import Vue, { ComponentOptions } from "vue";
                      
                      declare module "vue/types/options" {
                        interface ComponentOptions<V extends Vue> {
                          icons?: any;
                        }
                      }
                      

                      Source https://stackoverflow.com/questions/60502295

                      Community Discussions, Code Snippets contain sources that include Stack Exchange Network

                      Vulnerabilities

                      No vulnerabilities reported

                      Install vue-admin-template

                      This will automatically open http://localhost:9528.

                      Support

                      Modern browsers and Internet Explorer 10+.

                      DOWNLOAD this Library from

                      Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
                      over 430 million Knowledge Items
                      Find more libraries
                      Reuse Solution Kits and Libraries Curated by Popular Use Cases
                      Explore Kits

                      Save this library and start creating your kit

                      Share this Page

                      share link
                      Consider Popular State Container Libraries
                      Try Top Libraries by PanJiaChen
                      Compare State Container Libraries with Highest Support
                      Compare State Container Libraries with Highest Quality
                      Compare State Container Libraries with Highest Security
                      Compare State Container Libraries with Permissive License
                      Compare State Container Libraries with Highest Reuse
                      Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
                      over 430 million Knowledge Items
                      Find more libraries
                      Reuse Solution Kits and Libraries Curated by Popular Use Cases
                      Explore Kits

                      Save this library and start creating your kit

                      • © 2022 Open Weaver Inc.