如何在Linux环境下搭建electron-vue项目

1.安装node.js和npm

确保系统中已经安装了Node.js和npm，可以通过输入以下命令进行查看，如果出现版本号，那么就表示安装成功，如果没有，就要到官网进行相应的下载（Node.js）

node -v

npm -v

2.安装Vue CLI

Vue CLI，它是用于创建vue项目的脚手架工具（一开始我是直接在终端下的，一直报错，后面切换了一下root权限sudo su就没有报错了）

npm install -g @vue/cli

3.创建Vue项目

使用Vue CLI创建一个新的项目，根据提示进行配置，选择Manually select features，并确保选择Babel和Router（这里的my-electron-vue-app是自己设定的项目名字）

vue create my-electron-vue-app

4.进入项目目录

cd my-electron-vue-app

5.安装Vue CLI插件electron-builder

这个插件会帮助您将vue项目打包成electron应用

vue add electron-builder

6.修改package.jsoon

打开package.json文件，确保scripts部分如下所示：

"scripts": {

"serve": "vue-cli-service serve",

"build": "vue-cli-service build",

"lint": "vue-cli-service lint",

"electron:build": "vue-cli-service electron:build",

"electron:serve": "vue-cli-service electron:serve",

"postinstall": "electron-builder install-app-deps",

"postuninstall": "electron-builder install-app-deps"

}

7.运行electron应用

这将启动electron应用程序。在开发过程当中，你可以使用devtools来调试应用程序

npm run electron：serve

一开始运行的时候有点问题，报错了，具体错误如下：

解决方案： 1.找到/etc/sysctl.conf文件，编辑

vi /etc/sysctl.conf

2.复制以下内容到文件最后，最后的这个数字可以根据个人情况设置

fs.inotify.max_user_watches=655350

3.重新加载系统参数（建议）,或者重启服务器

sysctl -p

然后就可以正常运行了

8.打包electron应用

这将在dist_electron目录中生成打包好的electron应用程序

npm run electron:build