一、electron-quick-start + vuecli 在electron官网中提供一个快速创建electron 项目的模板electron-quick-start electron-quick-start 1、clone 模板到本地 2、使用npm install安装包(electron安装缓慢,后续更新教程) 3、使用npm run start 就可以启动项目,测试是否安装成功 4、使用vue-cli创建一个vue项目,然后打包到...
npm start 2.3 使用自己的页面 修改main.js //执行我们自己的一个静态页面 mainWindow.loadFile('html/index.html') 3. VUECLI 工程 3.1 省略vuecli工程的插件 3.2 vuecli工程的打包 //在工程的根目录下新建vue.config.js文件 //文件内容, 用相对路径打包的意思 module.exports = { publicPath: './' } ...
本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:gitclone https://github.com/electron/electron-quick-start 2.cd electron-quick-start->npm install->npm start 到这就能运行demo了 3.将自己项目打包...
git clone https://github.com/electron/electron-quick-start 然后在项目中执行如下命令即可启动项目。 cd electron-quick-start npm install npm start 启动后项目的效果如下图。 除此之外,我们可以使用vue-cli脚手架工具来创建项目。https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ vue init simulated...
比较合适的一篇文章，在现有的vue项目 追加 electron。基于上述方法，首次本地运行效果：解决跨域问题后，...
cdelectron-quick-startnpminstallnpmstart 启动后项目的效果如下图。 除此之外,我们可以使用vue-cli脚手架工具来创建项目。 vueinit simulatedgreg/electron-vue 然后根据下面的提示一步步选中选项即可创建项目,如下所示。 然后,使用npm install命令安装项目所需要的依赖包,安装...
cd electron-quick-start npm install npm start 启动后项目的效果如下图。 除此之外,我们可以使用vue-cli脚手架工具来创建项目。 vue init simulatedgreg/electron-vue 然后根据下面的提示一步步选中选项即可创建项目,如下所示。 然后,使用npm install命令安装项目所需要的依赖包,安装完成之后,可以使用npm run dev或...
cd electron-quick-start npm install npm start 1. 2. 3. 启动后项目的效果如下图。 除此之外,我们可以使用vue-cli脚手架工具来创建项目。 vue init simulatedgreg/electron-vue 1. 然后根据下面的提示一步步选中选项即可创建项目,如下所示。 然后,使用npm install命令安装项目所需要的依赖包,安装完成之后,可以...
安装@vue/cli 快速上手 # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-start # 进入这个仓库 $ cd electron-quick-start # 安装依赖并运行 $ npm install && npm start // (注意,第一次下载时间较长,若不想等待,也可以修改包的源地址解决) ...
本身项目是使用vue-cli开发的,在使用electron之前,需要先将开发好的vue的项目打包生成打包之后的html文件及其他静态资源文件。然后就可以直接拿官方demo进行打包了。 克隆官方demo 复制 git clone https://github.com/electron/electron-quick-start 1. 启动项目 ...