2.npm install -g electron 3.npm install -g vue 4.npm install -g vue-cli 5.创建一个空文件夹,DOS命令窗口进入该文件夹位置,初始化一个electron-vue项目。 6.//使用vue-cli来安装electron-vue的模板 7.vue init simulatedgreg/electron-vue demo 注:demo 是项目名称 8.安装依赖 9.npm install 10.启...
vueinit项目路径 项目名 完成 启动项目报错 若第一次启动项目报错如下: 大概意思是 提示 src/index.ejs 中没有定义 process 。 原因分析:大概是html-webpack-plugin插件处理该ejs文件时,没有读到该插件对应有process属性,应该是去配置文件 "./electron-vue/webpack.render.config.js" 文件中读取HtmlWebpackPlugin...
此处 我们需要打开项目的目录 找到 node_modules 下的 electron 。 删除 这个文件以后 重新使用 cnpm install 至此。 electron 应用 已经搭建完成。 我们使用 npm run electron:serve 进行启动项目 ( windows 与 imac 一样 ) 已经完美运行成功 可以看到桌面已经弹出 electron-demo 应用 五、查看electron+vue 项目目录...
一、新建项目 1、初始化项目 打开cmd,新建一个项目,我使用的是electron-vue,输入以下命令: vue init simulatedgreg/electron-vue my-project 1 my-project就是自己随便取名的项目名。 然后提示正在下载模板,下完模板之后根据提示进行操作就行,输入你该输入的东西,然后一路Enter: 初始化完毕之后,根据提示进行操作,进...
2.创建vue项目 vue create gua-tools 1. 3.启动项目 cd gua-tools npm run serve 1. 2. 4.vue项目中添加electron模块 vue add electron-builder 1. 安装过程中 此处选择 ^13.0.0 按下回车 5.启动项目 npm install npm run electron:serve 1. ...
为了更加便捷的创建一个vue项目,我们安装脚手架@vue/cli和@vue/init(vue-cli已经deprecated了)。之所以要安装@vue/init,是因为@vue/cli是3的版本,创建项目使用命令vue create app-name,且无法暂时无法使用模板,但是下文要用electron-vue模板进行创建,还是需要vue2的init命令来通过指定模板创建项目,为了兼容vue2的init...
electron搭建了一个壳,集成了chromium和node环境,业务逻辑只需要按vue写法即可。 方式一 直接使用electron-vue,具体内容见文档,优点是配置齐全,即开即用。缺点是很多配置已经固定,比如eslint,如果跟自己的开发习惯不匹配的话,需要做调整,另外electron的版本比较老。
electron-vue项目创建步骤 1、vue创建初始模板 $ vueinitsimulatedgreg/electron-vue my-project-electron-vue 2、编写项目基本信息 2.1、填写项目名称,点击回车进入下一步: ? Application Name (my-project-electron-vue) 2.2、填写id ,这里可填写邮箱,点击回车进入下一步: ...
开始搭建 第一步:全局安装vue脚手架(如果已安装,就不必进行这一步了) 第二步:通过vue脚手架,创建一个vue项目 第三步:进入创建好的vue项目文件,安装electron 第四步:配置package.json文件和main.js文件 第五步:加载vue项目 第六步:运行electron命令,弹出应用框。
1 部署electron开发环境。在github上下载最新版的elecctron开发包，目录结构如下图，electron的业务代码写在resources文件夹下的app文件夹内。2 初始化app文件夹。①在app根目录下执行“npm install”指令，安装开发依赖。②新建package.json和main.js，并在package.json中指定入口为main.js。3 在main文件夹下建立Vue...