准备写一个 Electron 应用,被前端的工作流和工具绕晕了

2018-06-20 10:03:22 +08:00
 skinny

正在准备写一个软件的桌面版,因为考虑到要支持几个平台,如果都要分别写一套 GUI 简直太麻烦了(我知道 Qt 和 QtQuick,但是完全不会 QtQuick,难以写出自己要的效果),而且将来会提供应用本地的 WebServer 功能,所以选择了 Electron 和 NodeJS 解决方案(参考了 vscode 和 GitHub Desktop,以及 Signal )。

以前几乎没有写过前端代码,印象中的工作流程就是分别写好 html/javascript/css,然后组合起来,即便是现代一点用上 typescript/sass,也是用脚本自动化编译好,然后按印象中工作流程一样处理。可是看到那些新兴热门前端技术框架,想试一试,结果加上 webpack/vue,我感觉一下子搞不懂了,完全没有头绪,搜索了一通如何把 typescript/sass/webpack/vue 组合起来,然后出来一堆 sass-loader/vue-loader/css-loader/style-loader,我头都大了,我预想的最终结果是 javascript 代码(甭管是不是 vue 代码)最终编译打包成了一个单独的 js 文件,所有 sass 代码也都编译打包成一个单独的 css 文件,到底怎么做啊,要不要这么绕这么复杂,我对后端 C#/Python/PHP 工作流就没有这种糟心的体验。

有没有什么前端指南,可以让我不用把每个包都搜索一遍,每个包的文档都通读一遍?

P.S 我就一个业余爱好者。

12481 次点击
所在节点    程序员
90 条回复
whypool
2018-06-20 10:07:49 +08:00
还是 jq 大法好
不熟悉的会写得怀疑人生
wxsm
2018-06-20 10:08:30 +08:00
sass-loader/vue-loader/css-loader/style-loader 你完全不需要关注它们的呀。这些只是 webpack 插件而已。核心工具就是 webpack 一个,其它如 vue, typescript, sass 等都不是必须的,但是对提高生产力具有一定帮助。如果你只是初学者的话,建议还是从简单的开始做。
yamedie
2018-06-20 10:10:14 +08:00
我也没写过, 但我觉得你应该直接上脚手架 electron-vue 了解一下
coffeSlider
2018-06-20 10:10:15 +08:00
单纯的开发 electron,又不一定要玩前端工作流,建几个文件夹自己折腾呗。
wxsm
2018-06-20 10:10:24 +08:00
楼上说的 jq 也不失为好的解决方案,相对于非职业前端来说。
xhyzidane
2018-06-20 10:11:50 +08:00
不用框架就行了
xianxiaobo
2018-06-20 10:11:57 +08:00
要么用 jq,不用那些前端框架,要么使用 cli,比如 angular-cli.不过还是有很多坑
thinkif
2018-06-20 10:15:18 +08:00
vue 也可以不用 Webpack 之类的,直接当 jQuery 用也是可以的,选择自己最熟悉的方式就好
lanmingyan
2018-06-20 10:15:48 +08:00
我最近也想写 electron 应用,但是数据库好头疼,不知道怎么管理大量的本地数据
yamedie
2018-06-20 10:19:44 +08:00
@lanmingyan 多大量? json 纯文本单文件不超过 200MB? 考虑 lowdb
lanmingyan
2018-06-20 10:22:26 +08:00
@yamedie 做文本图片本地存储的,我也考虑了 lowdb,200M 以上会不会就卡了?
yamedie
2018-06-20 10:25:31 +08:00
图片没办法存成 json 的吧? 难道要 base64 一遍? 官方的说法是 200M 以上会有性能问题, 不过, 拆成多个文件来存就不太容易出现那种情况吧
johnniang
2018-06-20 10:25:42 +08:00
你没有经过系统的学习才会造就现在的无语
skyworker
2018-06-20 10:32:48 +08:00
坦白来说, 目前前端圈里面玩的东西, 就复杂度而言, 说超过了后端也不为过.
dsp2138
2018-06-20 10:33:16 +08:00
aardio
这个工具应该是你的最爱
soho176
2018-06-20 10:33:26 +08:00
前端的轮子太多了,前端要统治地球的节奏,其实真是搞不懂,明明桌面软件,web 后端开发都有那么成熟的语言了,为啥还要造各种轮子然后用 js 来写那?以后难道别的程序员都可以失业了,就要前端统治一切了。
ppbaozi
2018-06-20 10:35:12 +08:00
把 webpack 官方的文档过一过就有数了,
binux
2018-06-20 10:40:12 +08:00
你不需要懂,找个 example 填你自己的代码就完了。
zhuangzhuang1988
2018-06-20 10:41:33 +08:00
@skyworker 想多了。
tnt666666
2018-06-20 10:41:37 +08:00
gaclib 了解下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/464295

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX