Electron使用

首先是官网走一波~

快速入门
我根据官网的操作,其实都没啥毛病,然后打包用的 Electron Forge有点小问题,路径千万不要有中文,不然会很惨,像这样.因为有中文路径,我description和author都填了,还是会报他俩是空的错.(现在新生成的跟官网有一点不一样,自动生成的是index.js,description+author为空.打包他两不能为空)
后面都解决了,但是觉得这个打包方式不太好(就是很流氓安装了都不告诉你,第一次打开就是安装).换了Electron builder(然后发现其实这个好像也没好到哪去.哈哈哈啊哈)

换了打包方式官网那个就有点不受用了.

1.新建项目还是参考官网

mkdir my-electron-app && cd my-electron-app
npm init

2.安装Electron

npm install electron

3.安装Electron builder

npm install electron-builder

有说用下面的命令来安装,但是我参考这篇教程说千万不能用它俩,甩上链接去看看原作者

cnpm install electron --save--dev
cnpm install electron-builder --save--dev

我参考他的处理,以及根据他的提示,改了package.json

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "description": "测试",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },
  "author": "Luoyi",
  "license": "ISC",
  "build": {
    "appId": "com.wss.app",
    "directories": {
      "output": "builder"
    },
    "win": {
      "target": [
        "nsis",
        "zip"
      ]
    },
    "files": [
      "dist/**/*",
      "main.js"
    ]
  },
  //如果你是按照我的流程来的,那你这里就不是devDependencies
  //而是另外一个单词,当时我没改运行报错
  "devDependencies": {
    "electron": "^13.1.7",
    "electron-builder": "^22.11.7"
  }
}

如上,如果你是按照我的流程来的,那你这里就不是devDependencies,而是另外一个单词,当时我没改运行报错.改了devDependencies后.

你是不是觉得都解决了.不不不不.他报了一个Error in script "" on line 75 -- aborting creation process.

解决方案如下,找到位置添加

	//此处新增
    args.push("-INPUTCHARSET", "UTF8");
    //结束

要不我还是甩链接吧去看看原作者

都到这里了,也打包成功了,但是打包的页面里的Hello World!文字没有了.一片空白.我去找找原因.

长叹一口气，百度了好多，也试了好多，我觉得我能踩的坑都踩了一遍。个人感觉啊。Electron Forge流氓就流氓吧，其实在使用起来比Electron builder打包快，Electron builder是可以设置离线打包（又多了工作量，哈哈哈）。

为啥我说C#YYDS

最后我说C语言YYDS,是因为整个事情的起因是我一朋友纠结打游戏让我帮她整个随机数抽打什么游戏。当时我想法是Java还得让她配环境跑不成，也想过用网页HTML效果是可以总觉得差点意思。后面就想到了用C#

研究Electron是想着给她整个迭代（毕竟html页面好看啊），优化下页面特效啥的。可是我还是空页面安装包就已经好大了。而我也没啥功能就这么。。。。研究了一天多，还是C#香（对于这个随机数功能来说）