Vue开发跨端应用（一）环境搭建

前言：

基于vue开发一款跨三端的简单环境，使用electron开发桌面程序，使用cordova开发移动应用

github:

https://github.com/317482454/electron-cordova-demo

环境安装：

electron-vue：基于vue的electron版本（用于开发桌面应用程序）

cordova：打包app，给web应用套壳

开始安装环境：

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

注意：windows用户如果出现node-gyp错误，请尝试使用下面办法解决：

以管理员身份运行：Windows PowerShell 执行命令

npm install --global --production windows-build-tools

安装Cordova

npm install -g cordova

mac：在商城搜索安装xcode

windows：安装Android Studio 参考RN安装http://reactnative.cn/docs/0.51/getting-started.html

Vue开发跨端应用（一）环境搭建相关推荐

Vue开发跨端应用（六）添加onsenui组件库
安装: npm install onsenui vue-onsenui --save 为什么使用onsenui:https://onsen.io/vue/ 1.拥有大量专门为移动应用设计的ui组件 2 ...
Vue开发跨端应用（三）添加cordova
在当前项目中执行命令创建my-app: 添加安卓或IOS环境(注意ios需要mac环境才能编译,安卓可以在windows环境) cordova platform add ios cordova pla ...
Vue开发跨端应用（二）修改electron demo
项目启动 npm run dev 界面如下: 我们需要删除electron特有的组件,因为里面使用到了一些web没有的属性删除vue组件: 新建index.vue 接下来修改router 打开运行桌 ...
Vue开发跨端应用（七）添加生成二维码
二维码组件:QRCode npm i qrcode -s 这里需要注意的是不能放在 created 事件里面,需要放在 mounted事件 var QRCode = require('qrcode') ...
Vue开发跨端应用（五）cordova-ios运行问题
错误信息如下: Check dependencies Code Signing Error: Signing for "wallet-app" requires a develop ...
Vue开发跨端应用（四）electron发布web应用并打包app
命令: npm run build:web dist里面web就是打包好的网页代码我们可以复制dist/web文件到my-app/www目录下: 进入my-app目录下运行命令: cordova r ...
vue开发移动端环境配置_如何设置移动开发环境
vue开发移动端环境配置 The use of mobile devices has increased considerably in the past decade. It has been ov ...
高通平台上的AMSS（Modeom端）Windows环境搭建
高通平台上的AMSS(Modeom端)Windows环境搭建一.主要介绍如何建立AMSS代码的编译环境编译AMSS的source有两种方式:一是在windows下编译 ,另一是在linux下编译. ...
IOS开发基础之网易新闻环境搭建异步请求json，AFN网络封装第1天
IOS开发基础之网易新闻环境搭建异步请求json,AFN网络封装第1天视频资料是2015年的,但是AFN是导入框架的关键文件,我尝试使用cocoapods安装最新的AFN,虽然成功了,但是版本太高, ...

Vue开发跨端应用（一）环境搭建

Vue开发跨端应用（一）环境搭建相关推荐

最新文章

热门文章