文章目录electron系列文章目录复习一、构建项目以谁为主二、创建项目1.使用vite创建vue项目2.vue项目中下载electron3.定义入口文件三、electron中运行vue项目electron增加窗口显示electron中运行vue项目总结 复习前面已经简单介绍如何创建一个比官网更简单的electron应用,如果时间充裕,还是建议以官网为主,本系列为辅,快速学习electron。
最近需要用Node.js做一个桌面应用,了解到electron可以用来做跨平台的桌面应用,而vue可以用来作为界面的解决方案,研究了一会儿如何把他们两个整合到一起使用,遇到了各种问题而放弃,毕竟作为一个非前端开发人员我的目的就是看这个东西能不能满足我的需求,而不想浪费太多的时间在上面,后来又看到了electron-vue,顾名思义就是将electron和vue整合到了一起直接使用,于是开始尝试搭
转载 2024-04-12 09:13:45
136阅读
  如果您有疑问,请观看视频教程《Vue3实战教程》创建一个 Vue 应用应用实例每个 Vue 应用都是通过 createApp 函数创建一个新的 应用实例:jsimport { createApp } from 'vue' const app = createApp({ /* 根组件选项 */ })根组件我们传入 createAp
原创 9月前
51阅读
# 如何将 Vue 3Python 后端结合起来 在现代Web开发中,前端与后端的结合是非常重要的技能。Vue.js 是一个流行的前端框架,而 Python 作为后端开发语言,尤其常用的框架是 Flask 和 Django。本篇文章将指导你如何将 Vue 3Python(Flask)结合,实现一个简单的全栈应用。我们将分步骤进行讲解,并附上每一步需要使用的代码。 ## 流程概述
原创 9月前
161阅读
学习之前我们需要先了解vite是什么?移步官网:Vite 官方中文文档vite是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境
// watch 简单应用watch(data, () => {   document.title = 'updated ' + data.count })// watch 的两个参数,代表新的值和旧的值watch(refData.count, (newValue, oldValue) => {   console.log('old', oldValue)   console.log(
转载 2021-04-28 13:00:47
255阅读
2评论
Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程,这些
原创 2024-03-15 15:11:43
643阅读
Electron是一个跨平台的桌面应用程序cOS和Linux等
原创 2023-07-29 19:54:57
760阅读
Electron 和 Vue3 构建的跨平台桌面应用模板,支持 Windows、macOS 和 Linux。模板整合了人脸识别登录、自定义导航栏、单点登录 (SSO) 等核心功能,旨在帮助开发者快速启动桌面应用开发项目。通过详细的代码解析和功能展示,你将了解如何高效构建现代化的桌面应用程序。本文最后附上完整的开源代码仓库,欢迎下载使用并一起优化!
目录1. 运用着色器编写图案2.着色器实现动画绘图3.着色器实现圆环扩散效果4.着色器实现雷达图效果1. 运用着色器编写图案1)挤出一个盒子const extrudePolygon = new Cesium.PolygonGeometry({ polygonHierarchy: new Cesium.PolygonHierarchy( Cesium.Cartesian3.fro
转载 2023-11-22 23:41:04
48阅读
Vue3 Diff 算法与key先来看看官方的解释 key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用Key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销毁key不存在的元素;官方的解释对于初学者来说并不好理解,比如下面的问题:什么是新旧nodes
严正声明! 重要的事情说一遍,本文章仅供分享,文章和代码都是开源的,严禁以此牟利,严禁侵犯尚硅谷原作视频的任何权益,我知道学习编程的人各种各样的心思都有,但这不是你对开源社区侵权的理由! 第16集:这一集老师啰嗦了一集,核心就两句话,一个是对axios的二次封装,还有一个是对promise结果再次封装使得其可以直接获取data,老师的代码应该是可以用的。这个写法只有get和post,不过不重要了,
转载 2023-11-11 23:10:03
50阅读
# Vue3 调用 Python 的科普文章 在现代 web 开发中,前后端分离的架构已成为一种常见的模式。前端通常使用如 Vue.js 等框架来构建用户界面,而后端则使用如 Python 等语言处理业务逻辑和数据。本文将探讨如何让 Vue3 调用 Python 后端的接口,并提供相关的代码示例以帮助您实现这一功能。 ## 1. 系统架构 首先,我们需要了解整个系统的架构。在这个架构中,Vu
原创 10月前
167阅读
# PythonVue3的结合:开源项目指南 在现代开发中,前端和后端的分离是非常重要的趋势。Python作为一种强大的后端开发语言,结合Vue3这样强大的前端框架,可以实现高效、现代化的Web应用。本文将带你了解如何利用PythonVue3构建一个简单的开源项目,并展示相关的代码示例、流程图和序列图。 ## 1. 项目概述 我们的目标是构建一个简单的待办事项(Todo)应用。该应用将允
原创 2024-10-20 06:52:02
366阅读
看文档文档地址:Preparation for PWA 1.将PWA模式添加到我们的Quasar项目中:npx quasar mode add pwa我们看一下有哪些变化向Quasar项目添加PWA模式意味着将创建一个新文件夹:/src-pwa,其中包含PWA特定文件:. └── src-pwa/ ├── register-service-worker-dev.js # 应用代码**管
其实把Vue脚手架(Vue-cli)从单页改为多页,在网上有很多的教程。(大佬请路过)我就做个记录,以免以后会用到,如果能帮到其他人的更好。不废话了,进入正题。首先肯定需要搭建一个Vue-cli,搭建的方法官网上很多,这里就简单的说下。要安装Vue-cli就必须要安装NodeJs,没有安装的话可以到node官网上下载,https://nodejs.org/zh-cn/download/。根据自己电
# 如何在Python环境下安装Vue 3 对于初学者来说,将Vue 3Python结合起来,可能会有些困难。本文将为您详细介绍如何在Python环境下安装和使用Vue 3。我们将通过以下步骤来完成这一过程。 ## 整体流程 下面是本次操作的整体流程表: ```markdown | 步骤 | 描述 | | ---- | ---------
原创 9月前
93阅读
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5