Electron-Vue 开发教程
机灵鹤
这个作者很懒,什么都没留下…
展开
-
【Electron-Vue】入门学习笔记之八:Electron-Vue 打包问题
笔者在打包项目的时候,并非一帆风顺,也遇到了很多问题,这里将遇到的问题及解决方法分享出来,供大家参考。1. 报错 Unresolved node modules: vuevue-cli 搭配 electron-vue 生成的项目,在 dev 模式下运行无误,而在 build 时报错 Unresolved node modules: vue 。问题原因在网上搜到的原因,是使用了淘宝镜像(就是使用 cnpm 安装模块),导致 vue 模块不能解析。(根本原因是什么,以及如何根本上去解决,暂时无从得知原创 2020-08-21 14:52:10 · 1268 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之七:Electron-vue ReferenceError: process is not defined 的解决方案
在跟着教程执行创建 Electron-Vue 程序的时候,大家可能会遇到下面的问题。就是在运行创建好的 electron-vue 程序的时候,程序是运行起来了,但是界面不是我们预期的效果,而是报了如下的错误。我的项目环境如下:node v12.18.1npm v6.14.5webpack v4.44.1vue v2.6.11vue-cli v4.4.6System windows 10查看版本号的命令如原创 2020-08-21 14:43:50 · 7372 阅读 · 1 评论 -
【Electron-Vue】入门学习笔记之六:创建第一个 Electron-Vue 项目
前面讲了如何创建 Electron 项目,使用 web 前端作为我们应用的 UI,不过我们的目标是做一个 Electron-Vue 的项目,也就是说前端部分采用 Vue 框架来做。下面是具体步骤:首先,全局安装 vue-cli,如果已经安装过,则跳过。npm install vue-cli -g在本地创建一个空文件夹(作为工程目录),使用命令行窗口打开该目录。执行初始化 electron-vue 命令。vue init simulatedgreg/electron-vue my-p原创 2020-08-21 14:38:20 · 884 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之五:PowerShell 因为在此系统中禁止执行脚本的解决方法
在使用 PowerShell 执行脚本的时候会出现:无法加载文件 xxxxxxx.ps1,因为在此系统中禁止执行脚本。有关详细信息,请参阅 “xxxxxxxxxxxxxx”所在位置 行:1 字符: 1原因就是我们当前作用域不具备执行PowerShell 的命令。解决方法:查看当前作用域是否具备执行 PowerShell 命令的权限。Get-ExecutionPolicy修改作用域权限Set-ExecutionPolicy RemoteSigned -Scope CurrentU原创 2020-08-21 14:30:56 · 716 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之四:Package.json 可配置项
在每个项目的根目录下,一般会有一个 package.json 文件,定义了这个项目中所需各种模板和项目中的配置信息。npm install 命令就是根据这个配置文件,自动下载所需的模块,配置项目中所需的运行和开发环境。{ "name": "first_electron", "version": "0.1.0", "description": "我的第一个 Electron 项目", "main": "main.js", "scripts": { "start": "elect原创 2020-08-21 14:26:53 · 2824 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之三:创建自己的第一个 Electron 项目
上一节《搭建 Node.js 开发环境》我们安装了 Node.js 环境。这一节,我会带大家开发自己的第一个 Electron 项目。一、使用 淘宝 的 NPM 镜像首先,我们需要安装 Electron 模块,但是由于 npm 默认是从国外的服务器上下载,网络不是那么稳定,所以,我们先安装一下 cnpm ,从国内的淘宝镜像下载,会稳定一些。npm install -g cnpm --registry=https://registry.npm.taobao.org关于 npm 和 cnpm 的.原创 2020-08-20 20:16:50 · 899 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之二:NPM 和 CNPM 的使用及区别
NPM(全称 Node Package Manager,节点包管理器),是 Node.js 的包管理器,用于节点插件管理(安装,卸载,管理依赖等)。CNPM,淘宝源的 NPM 镜像。因为 npm 安装插件是从国外服务器下载的,受网络影响大,容易出现异常,所以淘宝团队做了一个完整的 npmjs.org 镜像,10分钟一次的频率与官方服务同步。cnpm支持npm除了publish之外的所有命令,所以可以放心的使用cnpm来代替npm使用。一、NPM 安装插件npm install <name>原创 2020-08-20 19:58:11 · 612 阅读 · 0 评论 -
【Electron-Vue】入门学习笔记之一:搭建 Node.js 开发环境
Electron 可以使用纯 JS 来创建桌面应用,使用 Web 页面作为 GUI,相当于一个被 JS 控制的,精简版的 Chromium 浏览器。Electron 基于 Chromium 和 Node.js ,所以使用之前需要搭建 Node.js 开发环境。安装 Node.js,访问 https://nodejs.org/en/download/ 下载最新版本的 Node.js 安装包。在安装过程中的配置界面,勾选 Node.js runtime 、npm package manager 和 Ad原创 2020-08-20 19:36:27 · 634 阅读 · 0 评论