{"id":15496972,"url":"https://github.com/lencx/vue-multi-pages","last_synced_at":"2025-04-10T20:32:25.998Z","repository":{"id":104825871,"uuid":"80752259","full_name":"lencx/vue-multi-pages","owner":"lencx","description":"☘️   Vue Multi Pages(vue@2.x \u0026 webpack@2.x \u0026 pug)","archived":false,"fork":false,"pushed_at":"2017-02-12T17:31:45.000Z","size":77,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-05-23T05:34:52.587Z","etag":null,"topics":["pug","sass","vue-multi-pages","vue2","webpack2"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lencx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-02-02T17:55:03.000Z","updated_at":"2017-05-27T10:58:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"9f642526-bce8-4d79-8fb4-26c6eefbd5bf","html_url":"https://github.com/lencx/vue-multi-pages","commit_stats":{"total_commits":2,"total_committers":1,"mean_commits":2.0,"dds":0.0,"last_synced_commit":"8a431c50e5a3c426121b776975ca79fb237b87aa"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lencx%2Fvue-multi-pages","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lencx%2Fvue-multi-pages/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lencx%2Fvue-multi-pages/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lencx%2Fvue-multi-pages/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lencx","download_url":"https://codeload.github.com/lencx/vue-multi-pages/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248290019,"owners_count":21078923,"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":["pug","sass","vue-multi-pages","vue2","webpack2"],"created_at":"2024-10-02T08:29:39.503Z","updated_at":"2025-04-10T20:32:25.969Z","avatar_url":"https://github.com/lencx.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-multi-pages\n\n\u003e Vue Multi Pages(vue@2 \u0026\u0026 webpack@2)\n\n```bash\n# []: Directory\n[proj]\n|- [build]\n|- [config]\n|- [public]\n|     |- [dist] # build file\n|     `- ...\n|- [node_modules]\n|- [src]\n|   |- [assets]\n|   |- [compontents]\n|   |- [modules] # multi pages\n|   |     |- [about]\n|   |     |    |- App.vue\n|   |     |    |- about.html\n|   |     |    |- about.js # entry file\n|   |     |    `- ...\n|   |     |- [home]\n|   |     |    |- App.vue\n|   |     |    |- index.html # default load the page\n|   |     |    |- index.js # entry file\n|   |     |    `- ...\n|   |     `- ...\n|   |- [router]\n|   `- ...\n|- package.json\n|- yarn.lock\n|- README.md\n`- ...\n\n```\n\n## Build Setup\n\n``` bash\n# install dependencies\n# npm install\nyarn\n\n# serve with hot reload at localhost:8080\n# npm run dev\nyarn dev\n\n# build for production with minification\n# npm run build\nyarn build\n\n# eslint =\u003e .js, .vue src\nyarn lint\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n\n## Add page module\n\n\u003e 添加新的页面模块只需在`./src/modules`中新建一个文件夹，可参考`./src/modules`目录下`home`与`about`；\n\u003e 添加新页面的路由只需在`./src/router`中新建一个文件即可。\n\n## Install Plugins\n\n```bash\n# scss -\u003e css\nyarn add node-sass sass-loader --dev\n\n# pug -\u003e html\nyarn add pug --dev\n```\n\n## Usage (*.vue file)\n\n```vue\n\u003ctemplate lang=\"pug\"\u003e\nbody\n    .container\n        h1\n            a(href=\"/..\") Hello Vue\n\n        ...\n\u003c/template\u003e\n\n\u003cstyle lang=\"scss\"\u003e\nbody{\n    background: green;\n    li {\n        list-style: none;\n        a {\n            color: #333;\n        }\n    }\n}\n...\n\u003c/style\u003e\n```\n\n## TODO\n\n- Request data from a server\n- vuex\n- ...","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flencx%2Fvue-multi-pages","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flencx%2Fvue-multi-pages","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flencx%2Fvue-multi-pages/lists"}