electron-vue工程创建

创建工程

创建一个工作文件夹用于存放所有Electron工程。设为 D:\work\ 。
打开CMD，cd到 D:\work\ 文件夹下，然后执行命令：

# 创建 electron-vue 工程。创建过程会多次提示输入信息。
vue init simulatedgreg/electron-vue HelloWorld

若没有安装全局vue-cli，则创建 electron-vue 工程时会提示安装：

Command vue init requires a global addon to be installed.
Please run npm install -g @vue/cli-init and try again.

# 运行提示指令进行安装。
npm install -g @vue/cli-init

安装依赖并运行

使用VSCode导入上面创建的工程，打开控制台，安装依赖：

npm install

然后运行工程：

npm run dev

此时若报错：

界面显示：

打开 /跟目录/src/index.ejs：

修改上图中红框的两处：

• 将<% if (!process.browser) { %>更改为<% if (!require('process').browser) { %>。
• 将'\\\\'更改为"\\\\"。

然后运行即可看到：