{"id":22131847,"url":"https://github.com/forthright48/yellow-web","last_synced_at":"2025-10-27T10:19:16.185Z","repository":{"id":136140827,"uuid":"143401821","full_name":"forthright48/yellow-web","owner":"forthright48","description":null,"archived":false,"fork":false,"pushed_at":"2018-08-03T13:55:45.000Z","size":224,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-29T14:50:08.724Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/forthright48.png","metadata":{"files":{"readme":"README-zh.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-03T08:38:40.000Z","updated_at":"2018-08-03T13:55:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"427f2f6b-b301-4815-a33f-f9cc2b5c3b17","html_url":"https://github.com/forthright48/yellow-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forthright48%2Fyellow-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forthright48%2Fyellow-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forthright48%2Fyellow-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/forthright48%2Fyellow-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/forthright48","download_url":"https://codeload.github.com/forthright48/yellow-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245241011,"owners_count":20583144,"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":[],"created_at":"2024-12-01T18:37:57.502Z","updated_at":"2025-10-27T10:19:16.081Z","avatar_url":"https://github.com/forthright48.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vueAdmin-template\n\n\u003e 这是一个 极简的vue admin 管理后台 它只包含了 Element UI \u0026 axios \u0026 iconfont \u0026 permission control \u0026 lint，这些搭建后台必要的东西。\n\n[线上地址](http://panjiachen.github.io/vueAdmin-template)\n\n## Extra\n如果你想要根据用户角色来动态生成侧边栏和router，你可以使用改分支[permission-control](https://github.com/PanJiaChen/vueAdmin-template/tree/permission-control)\n \n ## 相关项目\n [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)\n\n [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)\n\n写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:\n - [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)\n - [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)\n - [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)\n - [手摸手，带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)\n - [手摸手，带你封装一个vue component](https://segmentfault.com/a/1190000009090836)\n\n\n## Build Setup\n\n``` bash\n\n# Clone project\ngit clone https://github.com/PanJiaChen/vueAdmin-template.git\n\n# Install dependencies\nnpm install\n\n# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题\nnpm install --registry=https://registry.npm.taobao.org\n\n# serve with hot reload at localhost:9528\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\n## Demo\n![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)\n\n### Element-Ui 使用cdn教程\n首先找到 `index.html` ([根目录下](https://github.com/PanJiaChen/vueAdmin-template/blob/element-ui-cdn/index.html))\n\n引入 Element的css和js ，并且引入 vue 。因为 Element-Ui 是依赖 vue 的，所以必须在它之前引入 vue 。\n\n之后找到 [webpack.base.conf.js](https://github.com/PanJiaChen/vueAdmin-template/blob/element-ui-cdn/build/webpack.base.conf.js) 加入 `externals` 让webpack 不打包 vue 和 element\n```\nexternals: {\n  vue: 'Vue',\n  'element-ui':'ELEMENT'\n}\n```\n\n之后还有一个小细节是如果你用了全局对象方式引入vue，就不需要 手动 `Vue.use(Vuex）` ，它会自动挂载，具体见 [issue](https://github.com/vuejs/vuex/issues/731)\n\n最终你可以使用 `npm run build --report` 查看效果\n如图：\n![demo](https://panjiachen.github.io/images/element-cdn.png)\n\n**[具体代码](https://github.com/PanJiaChen/vueAdmin-template/commit/746aff560932704ae821f82f10b8b2a9681d5177)**\n\n**[对应分支](https://github.com/PanJiaChen/vueAdmin-template/tree/element-ui-cdn)**\n\n## License\n[MIT](https://github.com/PanJiaChen/vueAdmin-template/blob/master/LICENSE) license.\n\nCopyright (c) 2017-present PanJiaChen\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fforthright48%2Fyellow-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fforthright48%2Fyellow-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fforthright48%2Fyellow-web/lists"}