electron之cli4+electron 创建项目

目录

1.使用技术栈

2.创建项目

3.打包

---

1.使用技术栈

1. electron v9.0.0
2. electron-builder
3. vue+vuex+axios+element-ui+vue-cli4

2.创建项目

1. 使用cli4 脚手架工具快速搭建项目，首先全局安装cli4

   npm install -g @vue/cli @vue/cli-init
   # or
   yarn global add @vue/cli @vue/cli-init

2.  创建项目

   vue create my-project
   # my-project  项目名称

3. 使用vue-cli-plugin-electron-builder 实现vue 和electron 的结合  

   cd my-project
   vue add electron-builder
   

4. 成功之后就会在src 目录自动生成background.js 文件，该文件就是electron的主进程的配置、操作文件
5. 生成后的项目结构

   

3.打包

1. 启动项目的命令

   npm run electron:serve

2. 打包项目的命令

   npm run electron:build