文章浏览阅读6k次,点赞5次,收藏30次。前言: 在对electron的认识逐渐加深的情况下,来整理下自己的心得,在网络比较差的情况下,如何快速将一个vue项目引入electron,从而让他可以打包成桌面应用。目录:前提+准备工作:......
admin
文章浏览阅读2.0k次。一、在本地安装vue-cli// cmd 命令窗口输入 全局安装vue-clinpm install vue-cli -g二、创建自己工程(electron-vue)// cmd 命令窗口输入 vue init simulatedgreg/electron-vue (你所创建的文件名)在安装的时候会有一个代码严谨模式 ......
admin
文章浏览阅读3.2k次,点赞4次,收藏28次。Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架,单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。1. 环境搭建// 安装脚手架npm install -g vue-cli// 初始......
admin
文章浏览阅读1.2w次。项目用的是vue@2.5.16, electron@2.0.4 ,vue-electron@2.0.6,ui框架那些就不说了首先下载electron-builder,这里建议使用cnpm挂淘宝镜像下载npm install -g cnpm --registry=https://registry.npm.taobao.org,先下载之后统一将整个node_module文......
admin
文章浏览阅读5.1k次。话不多说,先上最终成果第一步:安装node.js首先确保你安装了node.js 没有安装的话去官网下载安装https://nodejs.org/zh-cn/ 不推荐使用最新版本,因为有可能electron还不支持最新版的node.js,建议从8.0以上的版本......
admin
文章浏览阅读122次。Electron-Vue安装准备工作安装准备工作1.node环境2.node版本管理工具nvm(非必须)3.node包管理器npm以上工具安装教程本文不做讲解。推荐使用node版本为10.16.0# 安装 vue-cli 和 脚手架样板代码npm install -g vue-clivue init ......
admin
文章浏览阅读1.6k次。第一步、使用vue-cli2构建模板项目vue init simulatedgreg/electron-vue my-project如果你当前使用的是vue-cli3或vue-cli4,那么你需要全局安装vue-cli2:npm install --global vue-cli当模板现在完毕后,根据提示一步一步进行下去。......
admin
文章浏览阅读2.6k次。electron简介:官网:https://www.electronjs.org/更多内容:https://simulatedgreg.gitbooks.io/electron-vue/content/cn/项目创建和普通的vue项目一样,使用vue-cli来安装electron-vue的模板vue init simulatedgreg/electron-vue your-project一路回车......
admin
文章浏览阅读1.1w次。Electron+node.js+vueElectron是什么? Electron 是一个框架,可以让您使用 JavaScript, HTML 和 CSS 创建桌面应用程序。 然后这些应用程序可以打包在macOS、Windows和Linux上直接运行,或者通过Mac App Store或微软商店分发。 ......
admin
文章浏览阅读1.2k次。目录环境搭建nodejs安装npm升级npm换源安装vue/cli创建vue项目环境搭建nodejs安装# 官网:https://nodejs.org/en/download/# 查看nodejs版本$ node -v# 查看npm版本$ npm -vnpm升级# npm升级$ npm install -g npmnpm换源//查看源$ npm config get r......
admin
文章浏览阅读541次。.现如今前端框架数不胜数,尤其是angular、vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么?? 对于我来说E......
admin
文章浏览阅读1.7k次。什么是 electron官网里这么说:Electron提供了一个Nodejs的运行时,专注于构建桌面应用,同时使用web页面来作为应用的GUI,你可以将其看作是一个由JavaScript控制的迷你版的Chromium浏览器。翻译一下:它是一个运......
admin
文章浏览阅读3.3k次。在 electron 环境下的 vue3 使用 import 会导致报错,但是又想使用代码提示支持,可以使用如下方法。<template>...</template><script setup lang="ts">const fs = require("fs") as typeof import("fs")......
admin
文章浏览阅读1.3w次,点赞6次,收藏31次。什么是Electron?Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linu......
admin
文章浏览阅读2k次。最近需求写桌面应用,没有后台直接操控数据库,可想了很多,起初走了弯路,想着放express里面,写接口请求,然后问题来了,node有个打包貌似可以解决环境问题,但不能叫用户打开程序还要启后台吧。。......
admin
文章浏览阅读3.7k次。如果你已经做好了一个vue的项目,并且想要将他打包成exe,那么请继续阅读。 首先你可以下载一个demo了解一下。git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm installnpm start这个demo主要就是ma......
admin
NPM(全称 Node Package Manager,节点包管理器),是 Node.js 的包管理器,用于节点插件管理(安装,卸载,管理依赖等)。CNPM,淘宝源的 NPM 镜像。因为 npm 安装插件是从国外服务器下载的,受网络影响大,容易出现异常,所以淘宝......
admin
友情链接申请要求: 不违法不降权 权重相当 请联系QQ:737597453