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

[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 我就一个业余爱好者。

[notreami]

@binux PHP 也是这样，不需要懂，连教程都不需要，找个模版，一键安装，不断点下一步就可以了。

[q8164305]

你把 angular 理解成 java,vue 理解成 php,就能理解为什么前端这么乱了,你同时学后端好几种语言你也会哭的,现在前端的情况就是不同框架做的事都差不多,就跟当年后端语言之争一样,vue 是最好的框架,是不是这句话喊起来一点都不违和,手动滑稽

[jin5354]

为什么会觉得一个以前几乎没有写过前端代码的业务爱好者凭着 N 年前的印象就能轻松驾驭最新的前端技术栈呢
不写前端的都是大佬，惹不起

[womaomao]

我前段时间也这样，先用原生需要学习布局--太复杂放弃，然后学 vue+elementui 还有很多周边的工具--太多了放弃，最后选择 jq+bootstrap+easyUI 可以一战，做了几个页面后产品没人管了😞，

[murmur]

@jin5354 他如果用用 vue 就知道了
还真可以
只要结构清晰
脚手架够友好

[overflowHidden]

@jin5354 #42 我也觉得好笑，好像在某些人看来前端新的东西上手难度高就等于前端技术混乱。

[zoffy]

前端跨平台+打包+技术选型+各种优化，如果还是 10 年前那种 JavaScript 随便写的心态，根本玩不下去

[agagega]

QML ？

[littlebaozi]

从 0 开始撸是要奔溃的。可以用别人的脚手架： https://github.com/SimulatedGREG/electron-vue

[terax]

哼，让你们再说前端简单。

[zkwap]

本来可以一个文件搞定的，由于各种乱七八糟的原因被搞的乱七八糟

[ucanuup]

是的，前端发展很快，造了很多质量参差不齐的轮子，没有统一的规范，非常之乱。

[UnluckyNinja]

electron-vue : https://github.com/SimulatedGREG/electron-vue
直接 vue-cli 生成，该配置的作者都配置好了，其它的可以边弄边学，from scratch 的话很容易 X-Y 问题（直接用模板也可能 X-Y 问题，但要短一点）

[djyde]

额。React TypeScript 的技术栈，完全可以不使用 webpack..

[353943780]

最近才写了一个前端工作流客户端也是基于 Electron，https://legoflow.com/ ，下载安装直接开干！不用装各种麻烦的依赖，工作流嘛，就像你说的 html，scss，js 三个部分组成。

[0Kelvin]

环境可以考虑下 vue-cli 3.0.x beta，非常简单易用，前些天用 2.9.6 自己构建，搞到吐血才搞好，各种配置和包安装的有问题。。。

[coderfox]

@lanmingyan #10 不可以用 SQLite 吗

[onvno]

用 vue/react 得配合 webpack, 用到 es6 语法又需要配置 babelrc。不是搞什么复杂项目，直接使用 js + less + gulp 这种短平快组合就行，electron 使用 Queryj 有点小坑，需要自己趟一下。

[inflationaaron]

@soho176 浏览器真的是跨平台最佳实现了，借着这股东风没问题。

[blless]

我最直观的感受就是前端现在的项目，用 webstorm 打开还有各种报错…感觉连 import 语法都没统一，尝试了一下感觉真的难受。