Vue开发跨端应用（二）修改electron demo

项目启动

npm run dev

界面如下：

我们需要删除electron特有的组件，因为里面使用到了一些web没有的属性

删除vue组件：

新建index.vue

接下来修改router

打开运行桌面应用效果如下：

Vue开发跨端应用（二）修改electron demo相关推荐

Vue开发跨端应用（一）环境搭建
前言: 基于vue开发一款跨三端的简单环境,使用electron开发桌面程序,使用cordova开发移动应用 github: https://github.com/317482454/electron ...
Vue开发跨端应用（七）添加生成二维码
二维码组件:QRCode npm i qrcode -s 这里需要注意的是不能放在 created 事件里面,需要放在 mounted事件 var QRCode = require('qrcode') ...
Vue开发跨端应用（四）electron发布web应用并打包app
命令: npm run build:web dist里面web就是打包好的网页代码我们可以复制dist/web文件到my-app/www目录下: 进入my-app目录下运行命令: cordova r ...
Vue开发跨端应用（六）添加onsenui组件库
安装: npm install onsenui vue-onsenui --save 为什么使用onsenui:https://onsen.io/vue/ 1.拥有大量专门为移动应用设计的ui组件 2 ...
Vue开发跨端应用（五）cordova-ios运行问题
错误信息如下: Check dependencies Code Signing Error: Signing for "wallet-app" requires a develop ...
Vue开发跨端应用（三）添加cordova
在当前项目中执行命令创建my-app: 添加安卓或IOS环境(注意ios需要mac环境才能编译,安卓可以在windows环境) cordova platform add ios cordova pla ...
vue开发移动端环境配置_如何设置移动开发环境
vue开发移动端环境配置 The use of mobile devices has increased considerably in the past decade. It has been ov ...
android底部导航栏svg,vue开发移动端底部导航条功能
效果图 src/app.vue 头部导航内容区域 import Tabbar from 'components/tabbar'; export default { name: 'App', comp ...
开发跨端微信小程序框架选型指南
多端框架uni-app和Taro选型对比一. 背景小程序原生开发有不少槽点: 1.原生wxml开发对Node.预编译器.webpack支持不好,影响开发效率和工程构建流程.所以大公司都会用框架开发 ...

Vue开发跨端应用（二）修改electron demo

Vue开发跨端应用（二）修改electron demo相关推荐

最新文章

热门文章