{"id":13536399,"url":"https://github.com/okoala/vue-fis3","last_synced_at":"2025-04-13T09:50:52.769Z","repository":{"id":34610874,"uuid":"38559349","full_name":"okoala/vue-fis3","owner":"okoala","description":"Vue \u0026 Fis3 \u0026 Use Vue Component","archived":false,"fork":false,"pushed_at":"2016-03-13T05:52:38.000Z","size":1026,"stargazers_count":255,"open_issues_count":11,"forks_count":81,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-03-27T01:12:08.291Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/okoala.png","metadata":{"files":{"readme":"README.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}},"created_at":"2015-07-05T06:31:45.000Z","updated_at":"2025-03-01T11:27:08.000Z","dependencies_parsed_at":"2022-08-17T21:05:11.023Z","dependency_job_id":null,"html_url":"https://github.com/okoala/vue-fis3","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/okoala%2Fvue-fis3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okoala%2Fvue-fis3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okoala%2Fvue-fis3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/okoala%2Fvue-fis3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/okoala","download_url":"https://codeload.github.com/okoala/vue-fis3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248695300,"owners_count":21146952,"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-08-01T09:00:38.468Z","updated_at":"2025-04-13T09:50:52.741Z","avatar_url":"https://github.com/okoala.png","language":"JavaScript","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"readme":"# fis3-vue\n\n这个demo集成了目前前端开发比较流行的开源工具。\n适用用于简单的前后端分离，移动端开发。\n\n开发关键字：**MVVM**， **模块化**，**ES6**，**Combo**，**自动化部署**\n\n**另一套vue的解决方案：vue + vuex + vue-loader + webpack 组合**\n[点击跳转查看](https://github.com/okoala/vue-vuex.git)\n\n------\n\n包括：\n\n  * Node.js\n  * Express\n  * Fis3\n  * Vue\n  * Sass\n  * PM2\n  * Gulp\n  * Babel\n  * Webpack\n  * BrowserSync\n\n\n界面和样式是直接copy腾讯CDC的idesign.qq.com\n\n### 截图\n\n![](http://i1.tietuku.com/8f4dd53803c48148.png)\n\n![](http://i1.tietuku.com/50a4afbf50a549fc.png)\n\n------\n\n#### 快速开始\n\n    // 安装fis及相关插件\n    npm i -g fis3 (需要3.0.7以上)\n\n    // 其他构建工具\n    npm i -g gulp\n    npm i -g webpack\n\n    // node调试工具\n    npm i -g node-dev\n    npm i -g node-inspector (如果在iojs环境安装失败，可以安装版本@0.9.2)\n\n    // 性能调优工具, 下载安装。\n    Mac: http://profiler.oss-cn-hangzhou.aliyuncs.com/node-profiler-v0.12.6.pkg\n    Win: http://profiler.oss-cn-hangzhou.aliyuncs.com/node-profiler-v0.12.6-x64.msi\n    npm run profiler\n\n    // 类似livereload的工具\n    npm i -g browser-sync\n\n    // 发布工具\n    npm i -g pm2\n\n    // 下载项目\n    git clone https://github.com/okoala/fis3-vue.git\n\n    // 运行项目\n    cd fis3-vue\n    npm install\n    npm run dev\n\n    // 需要预先配置好发布信息\n    // 初始化服务器环境\n    npm run setup\n\n    // 发布项目\n    npm run deploy\n\n    // 回滚操作\n    npm run revert\n\n    // 服务器启动/重启服务\n    npm run start\n\n------\n\n#### 项目说明\n    1. 无分号，2Tab缩进.\n\n    2. 通过package.json的components字段，可以添加指定的库。例如：\n      \"components\": [\n        \"vue\",\n        \"vue-resource\",\n        \"vue-router\"\n      ]\n      说明指定vue,vue-resource,vue-router,这三个为前端库。\n      使用的时候可以直接require('vue'),require('vue-resource')。\n      当然你需要确认库是否已经在node_modules里了。\n\n    3. 通过配置config/config.json可以配置pm2相关设置，发布相关也在这个配置文件中.\n\n    4. 可以把图片命名为xxx.webp.jpg或xxx.webp.png\n      这样可以同时生成webp和(png, jpg)两个版本的图片, 然后通过filter webp进行自动切换.\n\n    5. 新手可以使用我的编辑器配置:\n      Sublime Text 3 for Mac: https://github.com/okoala/sublime-mac-bak.git\n      Sublime Text 3 for Win: https://github.com/okoala/sublime-win-bak.git\n      Atom for Mac: https://github.com/okoala/atom-mac-bak.git\n      Atom for Win: https://github.com/okoala/atom-win-bak.git\n      已经集成目前比较流行的插件~~项目解压覆盖到对应的文件, 然后重启编辑器即可.\n\n\n------\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokoala%2Fvue-fis3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fokoala%2Fvue-fis3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fokoala%2Fvue-fis3/lists"}