您现在的位置是:首页 > Javascript
当前栏目
Electron-vue 踩坑日记
2023-02-19 12:20:43 时间
记录一下构建 Electron
应用程序的步骤和坑
搭建环境
为了方便,我用了 electron-vue
可别以为这东西有多好,它是 Vue 2.x 和 Webpack 4 的产物,一堆坑
首先安装 vue-cli
vue-cli 有 2.x 和 3.x 两种,两个是不同的包 根据我的使用,新版的 cli 基本上兼容 Vue 2.x 项目 而且新版 cli 有 ui(在 Vue 2.x 上功能不完全)
$ npm install @vue/cli --global
你也可以安装旧版 cli
$ npm install vue-cli --glboal
然后初始化项目
对于旧版 cli
,你可以直接初始化
$ vue init simulatedgreg/electron-vue my-project
但是对于新版的 cli
你需要额外安装vue-init
$ npm install -g @vue/cli-init
$ vue init simulatedgreg/electron-vue my-project
详细请看 创建一个项目 | Vue CLI (vuejs.org)
然后安装依赖并开发
$ cd my-project
$ yarn install
$ yarn dev
坑
第一个坑 Window is not defined
这个我搜文档搜了挺久
修复方法: 使用 isomorphic-style-loader
$ npm install isomorphic-style-loader --save
相关文章
- JDK中内嵌JS引擎介绍及使用
- 49195,npm最后的疯狂?盘点10款最有前途JavaScript构建工具
- 译文:5个增强Node.js应用程序增强功能
- 4个例子,吃透 JavaScript 实现的二叉搜索树 BST
- Vue中使用XML和JSON格式互转插件
- JDK中Jshell简单使用(JDK9版本以上或者JDK9版本)
- shiro中的JSP标签支持
- Java技术点-json转对象,对象转json
- SpringBoot+SpringDataJpa @Query之 JPQL使用书写模板(模糊查询and条件查询)
- Spring Boot中的Freemarker模版引擎引用css和js的正确姿势
- Node.js解压版的环境配置及相关常用命令
- JSP学习笔记(6)—— 自定义MVC框架
- JSP学习笔记(5)——Servlet、监听器、过滤器、MVC模式介绍
- Jsp学习笔记(4)——分页查询
- APIJSON简单使用
- JSP学习笔记(3)——JSTL 标签库
- JSP学习笔记(1)——Jsp指令、动作元素和内置对象
- JavaScript ES6 Promise对象
- Web前端——JavaScript扩展补充
- Web前端——表单提交和Js添加选项