Electron-Vue + Ant desigin vue

最新推荐文章于 2023-05-22 09:28:01 发布
最新推荐文章于 2023-05-22 09:28:01 发布
阅读量920 收藏
点赞数
分类专栏： Ant desigin vue Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_27798375/article/details/106014687
版权

cd vue项目：cd app_name
安装环境： npm i --save ant-design-vue

main.js中 import ‘anti’ from ‘anti-desigin-vue’
Vue.use(anti)

Electron + Vue + Ant Design Vue：构建和发布桌面应用
XwyMysql的博客
09-17 445
Electron是一个流行的框架，可用于将Web技术（HTML、CSS和JavaScript）打包成跨平台的桌面应用程序。Vue.js是一个灵活且易于使用的JavaScript框架，而Ant Design Vue是一个基于Vue.js的UI组件库。您已成功搭建并打包发布了Electron + Vue + Ant Design Vue桌面应用程序。您将看到Electron应用程序窗口以及包含Ant Design Vue按钮的Vue组件。使用Vue CLI创建一个新的Vue项目。这将在项目目录中创建一个。
【Electron-vue】构建桌面应用（8）- antd组件绑定到原型上无法使用
chenqk_123的专栏
09-27 982
1.前言 前面关于electron打包可安装程序的准备工作已经基本完成了，除了Mac os下没有环境，暂时无法测试打包情况，但是package.json中既然支持Mac os的打包，那就应该问题不大。 完成了前面的准备工作，现在终于开始着手开发的心心念念vue。之前是获取到exe文件返回的数据，需要根据返回信息来告诉用户启动成功或者失败。就需要将获取的信息通过message组件，notification组件等组件给出提示信息。 由于之前用惯了react+antd的开发，所以索性在vue项目中也使用antd来
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了，想试试新功能 工作中用的 umi+electron 项目大了，启动速度并不理想； 用 vite 试试，算一个储备方案 ^_^ Command npm run dev npm run build 如果只需要最基础的集成 Demo 请使用 或 分支 Note 踩坑记 import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import const { write } = require('fs') 这种形式就能用了 :winking_face: const {
electron ant-design-vue 不能用_Vue结合Electron构建跨平台应用（TDD）
weixin_39523887的博客
11-20 495
现已更新vue3+electron源码，本教程源码已删除。https://github.com/nofacer/vue3-electron​github.com前言 我只学了1天的Vue，如果有说错的地方请多多包涵并且最好可以给我反馈。 教程源码：https://github.com/nofacer/Electron-Vue-TDD（已删除）这篇教程主要是介绍如何将Electron和Vue相结合来...
electron elctron-vue集成antd设置按需加载
weixin_43294560的博客
09-12 661
1、下载 cnpm install ant-design-vue --save cnpm install babel-plugin-import --save 2、按需加载 在.babelrc文件中的最后plugins内添加 ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件(先下载less编译器) 3、使用方式
electron ant-design-vue 不能用_Electron入门指北 - 沉迷代码的萌新
weixin_39987313的博客
11-14 433
最近几年最火的桌面化技术，无疑是Qt+和Electron。两者都有跨平台桌面化技术，并不局限于Windows系统。前者因嵌入式而诞生，在演变过程中，逐步完善了生态以及工具链。后者则是依托于和CCM(Chromium Content Module),支持和原生以及自主封装的Electron API。因为项目考虑跨平台的技术选型，研究过长达一年的Electron，并且做了很多尝试，所以想与诸君分享El...
Electron+vue3+vite+antd-vue,前端Vue开发桌面程序
qq_43326668的博客
05-22 1021
当您想要创建一个具有良好用户界面的跨平台桌面应用程序时，可能会选择使用 Vue.js、Electron 和 Ant Design Vue。Vue.js 是一个流行的 JavaScript 框架，使用它可以轻松地创建动态的用户界面。Electron 是一个基于 Chromium 和 Node.js 的框架，用于构建跨平台桌面应用程序。Ant Design Vue 是一款基于 Vue.js 的 UI 组件库，提供了许多易于使用的 UI 组件。
electron-vue-vite-webpack:Electron、vue3、vite2、webpack5、ant-design-vue2 整合
05-17
Electron + vue3 + vite2 + webpack5 + ant-design-vue2 如何和为什么 Vite是未来的脚手架 在开发期间使用“拜访”以保持快速启动的优势 使用“ webpack”解决包装期间的包装问题 命令 npm run dev npm运行构建 ...
2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
weixin_45013937的博客
09-10 6044
特点 拖拽播放 桌面歌词 mini模式 自定义托盘右键菜单 任务栏缩略图，歌曲操作 音频可视化 自动/手动检查更新 Nedb数据库持久化 自定义安装路径，安装界面美化 浏览器中启动客户端 Travis CL，AppVeyor自动构建 换肤，下载，本地歌曲匹配，网络变化桌面通知，分享歌曲/歌单/MV/视频等到QQ空间 登录，私人Fm，歌单，专辑，歌手，排行榜，MV，视频，评论，搜索，用户，动态，...
electron-vue:基于 electron-vue 开发的音乐播放器，可以打包成dmg，win，等平台，界面模仿网易云音乐，技术栈electron-vue+vue+vuex+vue-router+Ant Design of Vue。欢迎star
05-27
An electron-vue project Build Setup # install dependencies npm install # serve with hot reload at localhost:9080 npm run dev # build electron application for production npm run build # run unit & end-...
electron ant-design-vue 不能用_桌面端跨平台解决方案之Electron简介与快速上手
weixin_39849930的博客
11-11 565
本文涉及到的概念会很多，为了控制篇幅，这里更多的是抛砖引玉，更多资料需要大家到参考资料中自行补充相关知识概念。Electron简介Electron（最初名为Atom Shell）是GitHub开发的一个开源框架。它允许使用Node.js（作为后端）和Chromium[^chromium]（作为前端）完成桌面GUI应用程序的开发。Electron现已被多个开源Web应用程序用于前端与后端的开发，著名...
electron-vue-antd-demo:electron 学习项目
05-25
电子提示演示 项目设置 npm install 编译和热重装以进行开发 npm run electron:serve 编译并最小化生产 npm run electron:build 整理和修复文件 npm run lint 自定义配置 请参阅。
vuedesign用Vue和Electron开发最好的页面可视化构建程序
08-09
vue-design：用Vue和Electron开发最好的页面可视化构建程序
electron ant-design-vue 不能用_“我的电脑死机了”用英语该怎么说？
weixin_39519769的博客
10-28 263
同学们，“我的电脑死机了”你会怎么用英语说？有些同学竟然用了“My computer is dead”。电脑又不是有生命的东西，何来生与死？其实，电脑坏掉或死机又分很多种，是屏幕画面不能动？无法开机？键盘不能用？还是连不上Wi-Fi？这一系列的情况，在生活中工作上遇到时该如何说得更精确。比如说，某位刚到外企上班的同学，在办公室工作到一半电脑突然死机，工作迟迟未完成，想向同事求救，却不会说...
electron+vue3+vite+antdesign
yr123456654321的博客
05-07 852
首先在我的项目vue3+vite+antdesign 基础上使用electron，两者并不冲突，只需要在我原先项目基础上安装electron就行，需要安装一些包以及配置就可以了，本次记录一下怎么使用，以及当时遇到的问题。注意electron时，"type": "commonjs"，用vite项目的时候是"type": "module",(当时这个地方没注意，报错了)在项目根目录新建electron文件夹，再里面再新建electron.js。前提是vue3+vite+antdesign 没问题哈！
4-5 集成Ant Design Vue
孤注一掷的博客
02-25 463
UI界面 方法一：基于原生的html，css，js。 方法二：基于第三方css库，如bootstrap。但是有些组件要求引入jQuery。 方法三：基于Vue 的 UI 组件。 Vue UI组件用法相通。 安装 ant design vue，执行以下命令。 npm install ant-design-vue@2.0.0-rc.3 --save 安装成功。 下面引入，在main.ts里加配置。 在home页面添加一个danger按钮 启动后结果： ...
【vue 后台管理模板 ranAdmin 支持ant-design/ant-design/electron-plus/electron-plus-electron】
ranshakalove的博客
01-12 1892
vue 后台管理模板 支持ant-design/ant-design/electron-plus/electron-plus-electron
electron ant-design-vue 不能用_Electron与工业CCD通过TCP Server协议连接通讯
weixin_39989443的博客
11-08 410
Electron与工业CCD通过TCP Server协议连接通讯CCD可以理解为是一个相机，在工业上可以通过CCD给物体拍照，然后识别出物体表面激光刻印的信息，大概如下图，下图是我公司研发的软件一张截图，软件是使用C#实现的，这个工业软件还是很厉害的，里面涉及到了许多与工业传感器的数据交互。现在我的工作主要就是使用前端知识重构这个软件，要与硬件打交道了，当然要选择Electron和Nod...
electron ant-design-vue 不能用_13岁的孩子用树莓派做了一面智能镜子
weixin_39560064的博客
10-27 328
这个项目是外国的一个13岁小兄弟做的，从框架到镜子，从软件设置到调试，一手打造，好厉害啊！希望他能在每个早上给你提供一些有用的信息▌这个项目中使用的东西树莓派3Bx1显示器x1▌背景介绍在这个项目中，我们将制作一面智能镜子，在早上起床时向您显示有用的信息。为了让大多数人都负担得起，整体预算在80美元以下。本篇文章将介绍如何从头到尾构建自己的智能镜像。▌第一步：观看视频http://v.q...
electron-vue音乐播放器：跨平台网易云风，整合vue全家桶
资源摘要信息:"electron-vue:基于 electron-vue 开发的音乐播放器，可以打包成dmg，win，等平台，界面模仿网易云音乐，技术栈electron-vue+vue+vuex+vue-router+Ant Design of Vue。欢迎star" 从给定文件信息中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值