vue+cordova创建Hybird混合应用(一)----安装cordova环境
2017-10-28 18:23
330 查看
1、安装java
2、安装node.js
4、安装android studio
安装android studio用360软件管家会非常快。
记得安装各种sdk。如果打开android studio的时候很慢,很可能是gradle加载不出来,可以更改gradle的地址。
提前下载好gradle-3.3-all.zip,放在本地服务器。
3、安装cordova
5、修改gradel中maven仓库的地址
文件地址:
6、cordova初始化安装所有依赖库
在生成应用的文件夹中,有一个package.json的文件。里面记录了各种cordova的插件,如果要安装这些插件,可以通过
7、使用自带签名打包
在根路径下创建一个build.json的文件,然后在里面写入如下的内容
8、打包
有了上面的内容后,打包就会根据不同的参数去调用不同的keystore打包。
debug版本:
release版本:
此外,这时的cordova会自动安装各种所需的插件。
2、安装node.js
4、安装android studio
安装android studio用360软件管家会非常快。
记得安装各种sdk。如果打开android studio的时候很慢,很可能是gradle加载不出来,可以更改gradle的地址。
提前下载好gradle-3.3-all.zip,放在本地服务器。
#Fri Oct 20 09:42:17 CST 2017 distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists zipStoreBase=GRADLE_USER_HOME zipStorePath=wrapper/dists distributionUrl=https\://services.gradle.org/distributions/gradle-3.3-all.zip 将这个包换成本地的包 distributionUrl=http\://localhost/gradle-3.3-all.zip
3、安装cordova
npm install -g cordova cordova create MyApp cd MyApp cordova platform add android
5、修改gradel中maven仓库的地址
buildscript { repositories { maven{url "http://maven.aliyun.com/nexus/content/group/public/"} mavenLocal() maven {url "http://maven.aliyun.com/nexus/content/groups/public/"} jcenter() } // Switch the Android Gradle plugin version requirement depending on the // installed version of Gradle. This dependency is documented at // http://tools.android.com/tech-docs/new-build-system/version-compatibility // and https://issues.apache.org/jira/browse/CB-8143 dependencies { classpath 'com.android.tools.build:gradle:2.2.3' } }
文件地址:
6、cordova初始化安装所有依赖库
在生成应用的文件夹中,有一个package.json的文件。里面记录了各种cordova的插件,如果要安装这些插件,可以通过
cordova build
7、使用自带签名打包
在根路径下创建一个build.json的文件,然后在里面写入如下的内容
{ "android": { "debug": { "keystore": "./key/xxx1.0.debug.keystore", "storePassword": "xxx", "alias": "xxx1.0.debug", "password" : "xxx", "keystoreType": "" }, "release": { "keystore": "./key/xxx1.0.keystore", "storePassword": "xxx", "alias": "xxx1.0", "password" : "xxx", "keystoreType": "" } } }
8、打包
有了上面的内容后,打包就会根据不同的参数去调用不同的keystore打包。
debug版本:
cordova build android --debug
release版本:
cordova build android --release
此外,这时的cordova会自动安装各种所需的插件。
相关文章推荐
- vue.js环境安装及用wepack创建项目
- 【VueJS】windows环境安装vue-cli及webpack并创建VueJS项目
- Cordova环境安装设置与创建工程示例
- 创建Android环境并且安装cordova
- 安装配置PhoneGap开发环境(二)——使用Cordova取代PhoneGap创建项目
- Cordova+Angularjs+Ionic混合开发入门篇(三)—— Cordova插件的创建与安装
- 安装配置PhoneGap开发环境(二)——使用Cordova代替PhoneGap创建项目
- 使用Vue构建Ionic混合APP系列教程最后一篇(五):使用Vue CLI编译最终的Cordova应用
- osx项目安装cordova开发编译环境并创建项目
- 补充:Cordova混合应用开发环境的搭建
- vue&cordova混合应用
- Windows XP系统安装简便方法和创建应用文件文档后缀名“.html”的应用测
- Windows 安装Django并创建第一个应用
- 安装nodejs+ionic+cordova环境心得
- Solr6.6环境安装及core的创建(win7环境)
- MacBook Pro 下vue项目开发环境搭建,安装和配置apache
- vue创建应用
- MAC OS 中创建虚拟环境virtualenv,并在其中安装Web框架
- Ionic+Cordova学习-安装环境(mac系统)