{"id":20598053,"url":"https://github.com/k-water/electron-filesystem","last_synced_at":"2025-04-07T05:14:59.047Z","repository":{"id":222783385,"uuid":"98894596","full_name":"k-water/electron-filesystem","owner":"k-water","description":"FileSystem for windows","archived":false,"fork":false,"pushed_at":"2018-07-28T03:37:13.000Z","size":1824,"stargazers_count":423,"open_issues_count":5,"forks_count":92,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-03-31T04:06:33.071Z","etag":null,"topics":["electron","filesystem","fs","nodejs","promise","vue","vue-cli","vue-electron"],"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/k-water.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-07-31T13:59:46.000Z","updated_at":"2025-03-07T14:06:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"5465b30d-4702-400d-a1c0-1eada4389947","html_url":"https://github.com/k-water/electron-filesystem","commit_stats":null,"previous_names":["k-water/electron-filesystem"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k-water%2Felectron-filesystem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k-water%2Felectron-filesystem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k-water%2Felectron-filesystem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k-water%2Felectron-filesystem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/k-water","download_url":"https://codeload.github.com/k-water/electron-filesystem/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247595335,"owners_count":20963943,"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":["electron","filesystem","fs","nodejs","promise","vue","vue-cli","vue-electron"],"created_at":"2024-11-16T08:24:53.965Z","updated_at":"2025-04-07T05:14:59.017Z","avatar_url":"https://github.com/k-water.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 基于vue-electron的文件管理器\n\n### 项目由来\n\n项目的实现是一个`WIndows平台的文件管理器`，实现了基本的文件操作功能，新建，删除，复制，粘贴，剪切，重命名。\n\n项目地址：[https://github.com/k-water/electron-filesystem](https://github.com/k-water/electron-filesystem)\n\n### 什么是Electron\nElectron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。\n\n这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。\n\n\n以下资料供参考学习：\n\n[Electron(维基百科)](https://zh.wikipedia.org/wiki/Electron_(%E8%BD%AF%E4%BB%B6%E6%A1%86%E6%9E%B6))\n\n[中文文档](https://www.w3cschool.cn/electronmanual/)\n\n[(译)Electron的本质](https://segmentfault.com/a/1190000007503495)\n\n\n[入门视频教程](http://ourcodeworld.com/articles/read/106/how-to-choose-read-save-delete-or-create-a-file-with-electron-framework)\n\n### 技术栈\n* [x] Vue\n* [x] VueRouter\n* [x] Vuex\n* [x] Vue-Electron\n* [x] iView\n* [x] Eslint\n* [x] Babel\n* [x] Webpack\n* [x] Less\n\n项目采用了vue-cli脚手架搭建开发环境，在开始编码之前，在gayhub上搜了一下，发现有大神写了一个基于vue和electron的脚手架，看了文档后，发现正好适合我的需要，瞬间发现了新大陆。\n\n项目名称：`electron-vue`\n\n项目地址：[https://github.com/SimulatedGREG/electron-vue](https://github.com/SimulatedGREG/electron-vue)\n\n项目文档(英文的)：[https://simulatedgreg.gitbooks.io/electron-vue/content/en/](https://simulatedgreg.gitbooks.io/electron-vue/content/en/)\n\n\u003e PS：在开始编码之前要仔细阅读文档。\n\n### 工程目录\n``` bash\n│\n├── README.md                           \u003c=  项目介绍\n├── app                                 \u003c=  开发目录\n│   ├── dist                            \u003c= 编译打包\n│   ├── icons                           \u003c= 相关图标\n│   ├── src                             \u003c= 项目源代码\n│   │   ├── main                        \u003c= electron主进程\n│   │   │   ├── application.js\n│   │   │   ├── index.dev.js\n│   │   │   ├── index.js\n│   │   ├── renderer                    \u003c= electron渲染进程\n│   │   │   ├── App.vue                 \u003c=  Vue 根组件\n│   │   │   ├── main.js                 \u003c=  Vue 入口\n│   │   │   ├── assets                  \u003c=  静态资源\n│   │   │   ├── common                  \u003c=  公共配置\n│   │   │   ├── config                  \u003c=  项目配置\n│   │   │   ├── extend                  \u003c=  Vue 扩展相关\n│   │   │   ├── router                  \u003c=  Vue 路由相关\n│   │   │   ├── store                   \u003c=  Vuex\n│   │   │   ├── views                   \u003c=  视图层\n│   ├── index.ejs                       \u003c= 模板文件\n│   ├── package.json                    \u003c=  相关依赖\n├── build                               \u003c=  打包桌面应用相关\n│   ├── Gruntfile.js                    \u003c=  构建脚本\n│   ├── package.json                    \u003c=  相关依赖\n├── tasks                               \u003c=  electron-packeger打包\n│   ├── release.js\n│   ├── runner.js\n├── test                                \u003c=  测试文件夹  \n│   ├── e2e\n│   ├── unit\n│   ├── .eslintrc\n├── config.js                           \u003c=  electron打包配置\n├── webpack.main.config.js\n├── webpack.renderer.config.js\n├── package.js\n│\n│\n```\n\n### 使用说明\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:9080\nnpm run dev\n\n# build electron app for production\nnpm run build\n\n# lint all JS/Vue component files in `app/src`\nnpm run lint\n\n# run webpack in production\nnpm run pack\n\n### login\nusername：water\npassword：123456\n```\n---\n### 制作安装程序\n打包完成后进入`build`目录，执行`grunt`命令\n\n![](https://oc1gyfe6q.qnssl.com/17-11-2/91160373.jpg)\n\n执行完成后会有`installer`目录，双击Setup.exe安装即可\n\n![](https://oc1gyfe6q.qnssl.com/17-11-2/61565525.jpg)\n\n### 效果预览\n\n![](https://oc1gyfe6q.qnssl.com/17-8-13/94171252.jpg)\n\n![](https://oc1gyfe6q.qnssl.com/17-8-13/63034830.jpg)\n\n![](https://oc1gyfe6q.qnssl.com/17-8-13/51761758.jpg)\n\n![](https://oc1gyfe6q.qnssl.com/17-8-13/20713678.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk-water%2Felectron-filesystem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fk-water%2Felectron-filesystem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk-water%2Felectron-filesystem/lists"}