{"id":13775383,"url":"https://github.com/devjin0617/vue2-admin-lte","last_synced_at":"2025-05-15T11:07:04.099Z","repository":{"id":43930024,"uuid":"81933178","full_name":"devjin0617/vue2-admin-lte","owner":"devjin0617","description":":bar_chart: adminLTE to vuejs v2.x converting project ","archived":false,"fork":false,"pushed_at":"2022-05-28T12:48:49.000Z","size":7351,"stargazers_count":1068,"open_issues_count":28,"forks_count":323,"subscribers_count":72,"default_branch":"master","last_synced_at":"2024-10-29T17:14:05.378Z","etag":null,"topics":["admin-lte-vue","adminlte","adminlte-vue","bootstrap","jquery","vue-admin-lte","vue-adminlte","vue2","vue2-admin-lte","vue2-demo","vuejs","webpack"],"latest_commit_sha":null,"homepage":"https://devjin0617.github.io/vue2-admin-lte","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devjin0617.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"patreon":"developerjin","custom":"https://jinblog.kr"}},"created_at":"2017-02-14T10:20:16.000Z","updated_at":"2024-10-18T17:52:40.000Z","dependencies_parsed_at":"2022-09-01T19:11:05.125Z","dependency_job_id":null,"html_url":"https://github.com/devjin0617/vue2-admin-lte","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devjin0617%2Fvue2-admin-lte","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devjin0617%2Fvue2-admin-lte/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devjin0617%2Fvue2-admin-lte/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devjin0617%2Fvue2-admin-lte/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devjin0617","download_url":"https://codeload.github.com/devjin0617/vue2-admin-lte/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248912143,"owners_count":21182221,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-lte-vue","adminlte","adminlte-vue","bootstrap","jquery","vue-admin-lte","vue-adminlte","vue2","vue2-admin-lte","vue2-demo","vuejs","webpack"],"created_at":"2024-08-03T17:01:37.826Z","updated_at":"2025-04-14T15:54:49.930Z","avatar_url":"https://github.com/devjin0617.png","language":"Vue","funding_links":["https://patreon.com/developerjin","https://jinblog.kr"],"categories":["开发框架","Vue","awesome-vue [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Projects Using Vue.js","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome)","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Open Source [🔝](#readme)"],"sub_categories":["开源","Open Source"],"readme":"\u003cp align = \"center\"\u003e\n\u003cimg src=\"https://github.com/devjin0617/vue2-admin-lte/blob/master/vue2-admin-lte-logo.png?raw=true\"\u003e\n\u003cbr\u003e\n\u003cimg src=\"https://img.shields.io/badge/AdminLTE-2.3.11-blue.svg\"\u003e \u003cimg src=\"https://img.shields.io/badge/jquery-3.1.1-lightgrey.svg\"\u003e \u003cimg src=\"https://img.shields.io/badge/bootstrap-3.3.7-blue.svg\"\u003e \u003cimg src=\"https://img.shields.io/badge/vue-2.2.1-brightgreen.svg\"\u003e \u003cimg src=\"https://img.shields.io/badge/vuex-2.2.1-brightgreen.svg\"\u003e \u003cimg src=\"https://img.shields.io/badge/vue--router-2.3.0-green.svg\"\u003e\n\n\n\n\u003cbr\u003e\n\u003cimg src=\"https://img.shields.io/badge/npm-0.4.3-blue.svg\"\u003e\n\u003ca href=\"https://gitter.im/devjin0617/vue2-admin-lte?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://badges.gitter.im/devjin0617/vue2-admin-lte.svg\"\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n# vue2-admin-lte ([Demo](https://devjin0617.github.io/vue2-admin-lte/))\n\n\u003e AdminLTE of Admin control panel template Based on Vuejs 2.x Front-end Framework.\n\n![](https://github.com/devjin0617/vue2-admin-lte/blob/master/capture.png?raw=true)\n\n## Documentation\n\n\u003e [https://devjin0617.gitbooks.io/vue2-admin-lte-guide/](https://devjin0617.gitbooks.io/vue2-admin-lte-guide/)\n\n## Demo Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n\n# run unit tests: coming soon\n# npm run unit\n\n# run e2e tests: coming soon\n# npm run e2e\n\n# run all tests: coming soon\n# npm test\n```\n\n## How to use\n\nFirst, install `vue2-admin-lte` via npm.\n\n```bash\n$ npm i --save vue2-admin-lte\n```\n\nappend alias config in webpack\n\n```javascript\nmodule.exports = {\n  resolve: {\n    alias: {\n      'va': 'vue2-admin-lte/src'\n    }\n  }\n}\n```\n\nimport css and javascript files\n\n```javascript\n// css files\nimport 'va/lib/css'\n\n// js files\nimport 'va/lib/script'\n```\n\nuse the components in .vue\n\n```vue\n\u003ctemplate\u003e\n  \u003cva-button\n    name=\"Primary\"\n    theme=\"primary\"\n    size=\"btn-lg\"\n    :isFlat=\"true\"\n  \u003e\u003c/va-button\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport VAButton from 'va/components/VAButton.vue'\nexport default {\n  name: 'Button',\n  components: {\n    'va-button': VAButton\n  }\n}\n\u003c/script\u003e\n```\n\n## Example\n\n```vue\n\u003ctemplate\u003e\n\n  \u003cva-direct-chat\n    :talkList=\"talkList\"\n    :badgeCount=\"3\"\n    theme=\"primary\"\n    title=\"Direct Chat\"\n    placeholder=\"Type Messages ...\"\n  \u003e\u003c/va-direct-chat\u003e\n\n\u003c/template\u003e\n\n\n\u003cscript\u003e\nimport VADirectChat from '../path/to/components/VADirectChat.vue'\n\nexport default {\n  name: 'App',\n  data () {\n    return {\n      talkList: [\n        {\n          name: 'Alexander Pierce',\n          date: new Date(),\n          profileImage: 'http://path/to/image',\n          message: `Is this template really for free? That's unbelievable`,\n          isMine: false\n        },\n        {\n          name: 'Sarah Bullock',\n          date: new Date(),\n          profileImage: 'http://path/to/image',\n          message: `You better believe it!`,\n          isMine: true\n        }\n      ]\n    }\n  },\n  components: {\n    'va-direct-chat': VADirectChat\n  }\n}\n\n\u003c/script\u003e\n```\n\n## how to start mock server\n\n```javascript\nnode ./mock-server/index.js\n```\n\n## how to use Vuex\n\n```javascript\n// /vuex/store.js\nimport Vue from 'vue'\nimport Vuex from 'vuex'\n\nimport * as actions from './actions'\nimport * as getters from './getters'\nimport modules from './modules'\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n  actions,\n  getters,\n  modules,\n  strict: process.env.NODE_ENV !== 'production'\n})\n```\n\n\n## Contributing to Vue2 AdminLTE\n\nThe following is a set of guidelines for contributing to `Vue2 AdminLTE`.\n\n### Submitting Issues\n\nYou can create an issue [here](https://github.com/devjin0617/vue2-admin-lte/issues).\n\nIf you can, please include:\n- The version, name of Browser you are using\n- The operating system you are using\n\nOther things that will help resolve your issue:\n- Screenshots or gif\n- dev tools or an alert\n- Perform a search to see if a similar issue has already been submitted\n\n\n### Submitting Pull Requests\n\n- Include screenshots and animated gif in your pull request whenever possible.\n- Use short, present tense commit messages.\n\n### links\n\nhttps://medium.com/@sergiturbadenas/creating-adminlte-vue-components-part-0-e735e3218f86\nhttps://medium.com/@sergiturbadenas/creating-adminlte-vue-components-part-1-designing-api-component-7a34ff64fb9c\nhttps://qiita.com/ultrasevenstar/items/e5e8dfecc92077aa7736\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevjin0617%2Fvue2-admin-lte","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevjin0617%2Fvue2-admin-lte","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevjin0617%2Fvue2-admin-lte/lists"}