Electron+ElementUI+MockJs=数据生成服务器（二）
从这篇文章开始来详情开发过程，代码所在地：https://gitee.com/underline/DataMock-Electron.git。详情下前置条件哈：vscode、electron、mock.js、vue、elementUI、codemirror还是要晓得是个啥，哈哈。
接下来管他三七二十一，直接暴力撸……
第一步：一定要先创立一个项目，其目录结构如下：
文件夹结构
第二步：npm初始化项目
cd src/electronnpm init -y其后需要修改package.json中的name为别的名字，否则后边会有坑
初始化一下项目
第三步：创立入口文件、导入相关库（自行下载），如下：
第四步：安装electron
//此时先制定下载electron的源为淘宝，下载更加顺畅npm config set electron_mirror https://npm.taobao.org/mirrors/electron///而后安装electron 6.0.1版本npm install --save-dev electron@6.0.1如下表示成功：
此时表示成功
第五步：编写测试文件和入口文件
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>测试文件</title> <link rel="stylesheet" href="../../libs/element-ui@2.12.0.css" /></head><body><div id="root"> {{testMsg}}</div><script src="../../libs/vue@2.6.10.js"></script><script src="../../libs/element-ui@2.12.0.js"></script><script> var vm = new Vue({ el: document.getElementById("root"), data: { testMsg: "这是一个测试" } })</script></body></html>//electron 入口文件const { app, BrowserWindow } = require('electron')function createWindow () { // 创立浏览器窗口 let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) // 加载测试文件 win.loadFile('./views/pages/test/test.html')}app.whenReady().then(createWindow)第六步：增加启动命令，修改package.json中的scripts属性，加入start命令，如下：
{ "name": "datamock-electron", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "electron ." }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "electron": "^6.0.1" }}最后运行，测试。
npm run start
运行成功
恭喜，项目已经搭建成功了，接下来可以安心撸代码了。
说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » Electron+ElementUI+MockJs=数据生成服务器（二）
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » Electron+ElementUI+MockJs=数据生成服务器（二）
