首页 / IONIC / VS2015+cordova+ionic安装配置

VS2015+cordova+ionic安装配置

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了VS2015+cordova+ionic安装配置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含15690字，纯文字阅读大概需要23分钟。

内容图文

VS2015已经出了正式版，想用来试一下cordova方面的开发。最近在看ionic这个框架，于是想能在VS2015里编辑js就好了。

下面说一下蛋疼的安装配置过程。

一、安装VS2015及Android SDK

首先Android的SDK最好提前下好，我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下，这样安装VS2015的时候就不用选择SDK下载了，速度会快点。

安装VS2015的时候最好网络FQ一下，不然有些组件有可能会下载失败。安装的组件我没选Xamarin，这玩意太贵用不起。安装了cordova的相关组件，也要安装nodejs。当然也可以单独安装nodejs，貌似VS2015里的nodejs版本比现在官方最新版本要低。

cordova可以在VS2015里装。

二、安装ionic

然后安装ionic，打开nodejs命令行，输入

npm install -g ionic

如果在VS2015例安装过cordova这里就不用加cordova参数了。很不幸，有警告信息：

npm WARN engine cordova-js@4.0.0: wanted: {"node":"~0.10.x"} (current: {"node":"0.12.7","npm":"2.11.3"})
npm WARN engine npm@1.3.4: wanted: {"node":">=0.6","npm":"1"} (current: {"node":"0.12.7","npm":"2.11.3"})
npm WARN engine xmlbuilder@2.2.1: wanted: {"node":"0.8.x || 0.10.x"} (current: {"node":"0.12.7","npm":"2.11.3"})
npm WARN installMany normalize-package-data was bundled with npm@1.3.4, but bundled package wasn‘t found in unpacked tree

应该版本不太一致，不影响使用。

我准备分别用ionic的命令行和VS2015建立两个cordova项目，比较一下异同。

三、使用ionic命令行建立项目

先用ionic命令行建个项目试试：

ionic start myApp tabs

Creating Ionic app in folder E:\Workspaces\Cordova\myApp based on tabs project
Downloading: https://github.com/driftyco/ionic-app-base/archive/master.zip
[=============================]  100%  0.0s
Downloading: https://github.com/driftyco/ionic-starter-tabs/archive/master.zip
[=============================]  100%  0.0s
Updated the hooks directory to have execute permissions
Update Config.xml
Initializing cordova project

Your Ionic project is ready to go! Some quick tips:

 * cd into your project: $ cd myApp

 * Setup this project to use Sass: ionic setup sass

 * Develop in the browser with live reload: ionic serve

 * Add a platform (ios or Android): ionic platform add ios [android]
   Note: iOS development requires OS X currently
   See the Android Platform Guide for full Android installation instructions:
   https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html

 * Build your app: ionic build <PLATFORM>

 * Simulate your app: ionic emulate <PLATFORM>

 * Run your app on a device: ionic run <PLATFORM>

 * Package an app using Ionic package service: ionic package <MODE> <PLATFORM>

For more help use ionic --help or ionic docs

Visit the Ionic docs: http://ionicframework.com/docs


Create an ionic.io account to send Push Notifications and use the Ionic View app?
(Y/n): n
+---------------------------------------------------------+
+ New Ionic Updates for July 2015
+

会自动从github上下载项目模板。切换到该目录，添加android平台支持：

E:\Workspaces\Cordova\myApp>ionic platform add android
Updated the hooks directory to have execute permissions
Downloading Default Ionic Resources
Downloading: https://github.com/driftyco/ionic-default-resources/archive/master.zip
[=============================]  100%  0.0s
Done adding default Ionic resources
Adding icons for platform: android
npm http GET https://registry.npmjs.org/cordova-android
npm http 200 https://registry.npmjs.org/cordova-android
npm http GET https://registry.npmjs.org/cordova-android
npm http 200 https://registry.npmjs.org/cordova-android
npm http GET https://registry.npmjs.org/cordova-android/-/cordova-android-4.0.2.tgz
npm http 200 https://registry.npmjs.org/cordova-android/-/cordova-android-4.0.2.tgzAdding android project...
Creating Cordova project for the Android platform:
        Path: platforms\android
        Package: com.ionicframework.myapp183819
        Name: myApp
        Activity: MainActivity
        Android target: android-22
Copying template files...
Android project created with cordova-android@4.0.2
Running command: "C:\Program Files\nodejs\node.exe" E:\Workspaces\Cordova\myApp\hooks\after_prepare\010_add_platform_class.js E:\Workspaces\Cordova\myApp
add to body class: platform-android
Installing "com.ionic.keyboard"for android
Installing "cordova-plugin-console"for android
Installing "cordova-plugin-device"for android
Installing "cordova-plugin-splashscreen"for android
Installing "cordova-plugin-whitelist"for android
Saving platform to package.json file

自动添加了几个cordova的组件。然后编译一下：

E:\Workspaces\Cordova\myApp>ionic build android
Running command: "C:\Program Files\nodejs\node.exe" E:\Workspaces\Cordova\myApp\hooks\after_prepare\010_add_platform_class.js E:\Workspaces\Cordova\myApp
add to body class: platform-android
Running command: cmd "/s /c "E:\Workspaces\Cordova\myApp\platforms\android\cordova\build.bat""
[Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions.]
ERROR building one of the platforms: Error: cmd: Command failed with exit code 2
You may not have the required environment or OS to build this project
Error: cmd: Command failed with exit code 2
    at ChildProcess.whenDone (C:\Users\Xiaodi\AppData\Roaming\npm\node_modules\cordova\node_modules\cordova-lib\src\cordova\superspawn.js:134:23)
    at ChildProcess.emit (events.js:110:17)
    at maybeClose (child_process.js:1015:16)
    at Process.ChildProcess._handle.onexit (child_process.js:1087:5)

报错了，ANDROID_HOME没有配置，需要说明的是，如果先安装了Android Studio等Android的开发环境，这些变量是应该已经配置好的，因为本机没有装Android Studio所以没有配置，那在环境变量里补上。

我把Android的SDK放在了D:\Android\sdk目录下，在环境变量里添加：

ANDROID_HOME=D:\Android\sdk

还要添加java的环境变量：

JAVA_HOME=C:\Program Files (x86)\Java\jdk1.7.0_55

然后在PATH里添加：

%ANDROID_HOME%;%JAVA_HOME%\bin;

然后一定要关闭当前的nodejs窗口再重新打开，不然新配置的不会起作用。

重新编译一下：

E:\Workspaces\Cordova\myApp>ionic build android
Running command: "C:\Program Files\nodejs\node.exe" E:\Workspaces\Cordova\myApp\hooks\after_prepare\010_add_platform_class.js E:\Workspaces\Cordova\myApp
add to body class: platform-android
Running command: cmd "/s /c "E:\Workspaces\Cordova\myApp\platforms\android\cordova\build.bat""
ANDROID_HOME=D:\Android\sdk
JAVA_HOME=C:\Program Files (x86)\Java\jdk1.7.0_55
Running: E:\Workspaces\Cordova\myApp\platforms\android\gradlew cdvBuildDebug -b E:\Workspaces\Cordova\myApp\platforms\android\build.gradle -Dorg.gradle.daemon=true
Downloading http://services.gradle.org/distributions/gradle-2.2.1-all.zip
...........................................................................

到这个地方用了很久，在下载gradle，这里有点失误了，应该先把Android完整的开发环境配置好，应该就会省略这一步了。到现在只能慢慢等了。

后面又是一大堆下载：

Unzipping e:\Users\Xiaodi\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b\gradle-2.2.1-all.zip to e:\Users\Xiaodi\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b
Download https://repo1.maven.org/maven2/com/android/tools/build/gradle/1.0.0/gradle-1.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/build/builder/1.0.0/builder-1.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/lint/lint/24.0.0/lint-24.0.0.pom
Download https://repo1.maven.org/maven2/net/sf/proguard/proguard-gradle/5.1/proguard-gradle-5.1.pom
Download https://repo1.maven.org/maven2/net/sf/proguard/proguard-parent/5.1/proguard-parent-5.1.pom
Download https://repo1.maven.org/maven2/com/android/tools/sdk-common/24.0.0/sdk-common-24.0.0.pom
Download https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/bcprov-jdk15on-1.48.pom
Download https://repo1.maven.org/maven2/com/squareup/javawriter/2.5.0/javawriter-2.5.0.pom
Download https://repo1.maven.org/maven2/org/sonatype/oss/oss-parent/7/oss-parent-7.pom
Download https://repo1.maven.org/maven2/com/android/tools/common/24.0.0/common-24.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/build/builder-test-api/1.0.0/builder-test-api-1.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/ddms/ddmlib/24.0.0/ddmlib-24.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/build/manifest-merger/24.0.0/manifest-merger-24.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/build/builder-model/1.0.0/builder-model-1.0.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/sdklib/24.0.0/sdklib-24.0.0.pom
Download https://repo1.maven.org/maven2/org/bouncycastle/bcpkix-jdk15on/1.48/bcpkix-jdk15on-1.48.pom
Download https://repo1.maven.org/maven2/com/android/tools/lint/lint-checks/24.0.0/lint-checks-24.0.0.pom
Download https://repo1.maven.org/maven2/org/eclipse/jdt/core/compiler/ecj/4.2.2/ecj-4.2.2.pom
Download https://repo1.maven.org/maven2/net/sf/proguard/proguard-base/5.1/proguard-base-5.1.pom
Download https://repo1.maven.org/maven2/com/google/guava/guava/17.0/guava-17.0.pom
Download https://repo1.maven.org/maven2/com/google/guava/guava-parent/17.0/guava-parent-17.0.pom
Download https://repo1.maven.org/maven2/net/sf/kxml/kxml2/2.3.0/kxml2-2.3.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/layoutlib/layoutlib-api/24.0.0/layoutlib-api-24.0.0.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpclient/4.1.1/httpclient-4.1.1.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpcomponents-client/4.1.1/httpcomponents-client-4.1.1.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/project/4.1.1/project-4.1.1.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpmime/4.1/httpmime-4.1.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpcomponents-client/4.1/httpcomponents-client-4.1.pom
Download https://repo1.maven.org/maven2/com/android/tools/dvlib/24.0.0/dvlib-24.0.0.pom
Download https://repo1.maven.org/maven2/org/apache/commons/commons-compress/1.8.1/commons-compress-1.8.1.pom
Download https://repo1.maven.org/maven2/org/apache/commons/commons-parent/33/commons-parent-33.pom
Download https://repo1.maven.org/maven2/org/apache/apache/13/apache-13.pom
Download https://repo1.maven.org/maven2/com/android/tools/lint/lint-api/24.0.0/lint-api-24.0.0.pom
Download https://repo1.maven.org/maven2/org/ow2/asm/asm-analysis/4.0/asm-analysis-4.0.pom
Download https://repo1.maven.org/maven2/org/ow2/asm/asm-parent/4.0/asm-parent-4.0.pom
Download https://repo1.maven.org/maven2/org/ow2/ow2/1.3/ow2-1.3.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpcore/4.1/httpcore-4.1.pom
Download https://repo1.maven.org/maven2/org/apache/httpcomponents/httpcomponents-core/4.1/httpcomponents-core-4.1.pom
Download https://repo1.maven.org/maven2/commons-logging/commons-logging/1.1.1/commons-logging-1.1.1.pom
Download https://repo1.maven.org/maven2/org/apache/commons/commons-parent/5/commons-parent-5.pom
Download https://repo1.maven.org/maven2/org/apache/apache/4/apache-4.pom
Download https://repo1.maven.org/maven2/commons-codec/commons-codec/1.4/commons-codec-1.4.pom
Download https://repo1.maven.org/maven2/org/apache/commons/commons-parent/11/commons-parent-11.pom
Download https://repo1.maven.org/maven2/org/ow2/asm/asm/4.0/asm-4.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/external/lombok/lombok-ast/0.2.2/lombok-ast-0.2.2.pom
Download https://repo1.maven.org/maven2/org/ow2/asm/asm-tree/4.0/asm-tree-4.0.pom
Download https://repo1.maven.org/maven2/com/android/tools/build/gradle/1.0.0/gradle-1.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/build/builder/1.0.0/builder-1.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/lint/lint/24.0.0/lint-24.0.0.jar
Download https://repo1.maven.org/maven2/net/sf/proguard/proguard-gradle/5.1/proguard-gradle-5.1.jar
Download https://repo1.maven.org/maven2/com/android/tools/sdk-common/24.0.0/sdk-common-24.0.0.jar
Download https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/bcprov-jdk15on-1.48.jar
Download https://repo1.maven.org/maven2/com/squareup/javawriter/2.5.0/javawriter-2.5.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/common/24.0.0/common-24.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/build/builder-test-api/1.0.0/builder-test-api-1.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/ddms/ddmlib/24.0.0/ddmlib-24.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/build/manifest-merger/24.0.0/manifest-merger-24.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/build/builder-model/1.0.0/builder-model-1.0.0.jar
Download https://repo1.maven.org/maven2/com/android/tools/sdklib/24.0.0/sdklib-24.0.0.jar

我现在已经后悔了，没有先装Android Studio。

            :preBuild
:compileDebugNdk
:preDebugBuild
:checkDebugManifest
:CordovaLib:compileLint
:CordovaLib:copyDebugLint UP-TO-DATE
:CordovaLib:mergeDebugProguardFiles
:CordovaLib:preBuild
:CordovaLib:preDebugBuild
:CordovaLib:checkDebugManifest
:CordovaLib:prepareDebugDependencies
:CordovaLib:compileDebugAidl
:CordovaLib:compileDebugRenderscript
:CordovaLib:generateDebugBuildConfig
:CordovaLib:generateDebugAssets UP-TO-DATE
:CordovaLib:mergeDebugAssets
:CordovaLib:generateDebugResValues
:CordovaLib:generateDebugResources
:CordovaLib:packageDebugResources
:CordovaLib:processDebugManifest
:CordovaLib:processDebugResources
:CordovaLib:generateDebugSources
:CordovaLib:compileDebugJava?: ?Щ???????????????????? API??
?: ?й???????, ????? -Xlint:deprecation ???±???

:CordovaLib:processDebugJavaRes UP-TO-DATE
:CordovaLib:packageDebugJar
:CordovaLib:compileDebugNdk
:CordovaLib:packageDebugJniLibs UP-TO-DATE
:CordovaLib:packageDebugLocalJar UP-TO-DATE
:CordovaLib:packageDebugRenderscript UP-TO-DATE
:CordovaLib:bundleDebug
:prepareAndroidCordovaLibUnspecifiedDebugLibrary
:prepareDebugDependencies
:compileDebugAidl
:compileDebugRenderscript
:generateDebugBuildConfig
:generateDebugAssets UP-TO-DATE
:mergeDebugAssets
:generateDebugResValues
:generateDebugResources
:mergeDebugResources
:processDebugManifest
:processDebugResources
:generateDebugSources
:compileDebugJava?: ?Щ???????????????????? API??
?: ?й???????, ????? -Xlint:deprecation ???±???

:preDexDebug
:dexDebug
:processDebugJavaRes UP-TO-DATE
:validateDebugSigning
:packageDebug
:zipalignDebug
:assembleDebug
:cdvBuildDebug

BUILD SUCCESSFUL

Total time: 23 mins 56.923 secs
Built the following apk(s):
    E:\Workspaces\Cordova\myApp\platforms\android\build\outputs\apk\android-debu
g.apk

中间貌似乱码了，不过好在编译成功。中间下载花了20多分钟。

运行一下看看：

E:\Workspaces\Cordova\myApp>ionic run android
Running command: "C:\Program Files\nodejs\node.exe" E:\Workspaces\Cordova\myApp\hooks\after_prepare\010_add_platform_class.js E:\Workspaces\Cordova\myApp
add to body class: platform-android
Running command: cmd "/s /c "E:\Workspaces\Cordova\myApp\platforms\android\cordova\run.bat""
ANDROID_HOME=D:\Android\sdk
JAVA_HOME=C:\Program Files (x86)\Java\jdk1.7.0_55

E:\Workspaces\Cordova\myApp\platforms\android\cordova\node_modules\q\q.js:126throw e;
                          ^
Error executing "adb devices": ADB server didn‘t ACK

* failed to start daemon *

error: unknown host service


ERROR running one or more of the platforms: Error: cmd: Command failed with exit code 1
You may not have the required environment or OS to run this project

很不幸，又报错了。不过既然已经编译成功，可以直接安装apk试试。在E:\Workspaces\Cordova\myApp\platforms\android\build\outputs\apk目录下找到apk直接安装。

具体截图就不贴了，是可以直接运行的。

以上是用ionic命令行建立项目的过程。为了减少问题产生建议大家先按照Android官方文档把Android Studio装好，这样可以少很多问题。

四、使用VS2015建立项目

下面用VS2015来建立一个cordova项目。注意如果安装VS2015的时候没有安装Android SDK，那么使用前就要先配置一下。菜单工具-选项-Tools For Apache Cordova：

有一个Run Dependency Checker，检测一下依赖项是否已经成功配置，如果之前没有自动下载Android SDK的话，肯定会报错的，点击第二项，手动配置一下ADK_HOME即可。在这里也可以看到如果ANT、Git、JAVA SDK都是由VS2015自动安装的话，这个地方就自动配置好了，如果自己手动安装就要手动配置。

用VS2015新建项目的过程就不细说了，项目模板里有。建好后可以用Ripple模拟器在Chrome里跑一下看看。

现在可以比较一下这两种方式建好的项目目录，可以看到目录结构基本是一样的：

技术分享

左边为ionic命令行建立的项目，右边为VS2015建立的项目。www里面就是html+js+css，platforms目录是Android平台支持。

其实有一个更方便的方式，ionic已经提供了VS2015的项目模板：

https://visualstudiogallery.msdn.microsoft.com/b26474d5-c14d-4d69-bad5-37954538c506

然后用这个模板建个项目，可以看到项目目录基本跟空白的cordova项目是类似的，但自动增加了ionic支持，相当于根据https://github.com/driftyco/ionic-starter-tabs这个模板建了个项目。这样就方便多了。

但用这种方式建立的项目和ionic命令行建立的项目也有区别，命令行建立的项目，已经把依赖的ionic框架及Anjular框架下载到本地了，而项目模板建立的项目，页面里引用的js还是服务器上的。

时间关系没有深入研究。但终于可以用VS2015写Cordova了。希望能尽快写出一个可以运行的小app来。

原文：http://www.cnblogs.com/yanxiaodi/p/4675887.html

内容总结

以上是互联网集市为您收集整理的VS2015+cordova+ionic安装配置全部内容，希望文章能够帮你解决VS2015+cordova+ionic安装配置所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1166994.html

来源：【匿名】

【上一篇】Ionic 常见问题及解决方案【下一篇】在ionic3中如何实现随机布局瀑布流

更多 ►

【VS2015+cordova+ionic安装配置】教程文章相关的互联网学习教程文章

ionic中使用Cordova Uglify 压缩js与css【代码】

参照：https://www.npmjs.com/package/cordova-uglify安装：npm install cordova-uglify安装完成之后，打开：hooks/uglify-config.json{"alwaysRun": true,"recursiveFolderSearch": true,"foldersToProcess": ["js","css",],"uglifyJsOptions": {"compress": {"drop_console": true},"fromString": true},"cleanCssOptions": {"noAdvanced": true,"keepSpecialComments": 0} }修改：alwaysRun": true,运行：cordova build android...

VS2015+cordova+ionic安装配置【代码】【图】

VS2015已经出了正式版，想用来试一下cordova方面的开发。最近在看ionic这个框架，于是想能在VS2015里编辑js就好了。下面说一下蛋疼的安装配置过程。一、安装VS2015及Android SDK首先Android的SDK最好提前下好，我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下，这样安装VS2015的时候就不用选择SDK下载了，速度会快点。安装VS2015的时候最好网络FQ一下，不然有些组件有可能会下载失败。安装的组件我没选Xamarin，这玩意太...

ionic1 添加百度地图插件 cordova-plugin-baidumaplocation【代码】

cordova-plugin-baidumaplocation 这个插件返回的数据是 json 格式的可以直接获取 android 和 ios 都可用1.先去百度地图平台去创建应用获取访问应用AK android 和 ios 是分开的不同的 http://lbsyun.baidu.com/2.创建的时候需要发布版SHA1和开发板SHA1 参考链接：https://blog.csdn.net/lhg_55/article/details/52139277 （亲测有效）3.添加插件 " " 里面直接写值不需要 < > 括号cordova plugin add cordova-plugin...

ionic cordova 集成 crosswalk【代码】

参考ionic官方博客http://blog.ionic.io/crosswalk-comes-to-ionic/ionic browser add crosswalk ionic run androidcordova集成crosswalkhttps://crosswalk-project.org/documentation/cordova/cordova_4.htmlcordova plugin add cordova-plugin-crosswalk-webview cordova build android生成apk: platforms/android/build/outputs/apkplatforms/android/build/outputs/apk/android-x86-debug.apk platforms/android/build/outputs...

ionic2自定义cordova插件开发以及使用（Android）【图】

如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特此写这下这篇，记录一下。假设需求是写一个日志插件，可以将日志写在手机的sdcard中。 1.安装plugman npm install -g plugman2.creat一个插件框架 plugman creat --name 插件名字 --plugin_id 插件id --plugin_version 插件版本号例如：代码如下...

javascript – 有没有办法使用不同的环境配置文件进行基于Ionic Framework的Cordova应用程序的开发和生产设置【代码】

就像我们在Spring Framework中有很多变体来设置编译/运行/测试时环境,并使用它来设置不同的属性文件.除了这个环境/配置文件变量之外,我们不会更改任何内容,以便能够对app进行适当的设置. 更具体地说：我有两个文件：settings.dev.js和settings.prod.js settings.prod.js：var API_PATH = "http://example.com/api" var OTHER_INPORTANT_SETTINGS = {....}settings.dev.js：var API_PATH = "http://localhost.com/api" var OTHER_I...

node+mongodb+ionic+cordova

node + mongodb1,环境 windows 1,install nodejs 2,install npm | cd npmjs node cli.js install -gf1.1 2.node 开发nmp install express -g | nmp remove express -g npm install express-mongoose 1,express -e myProject ejs change htmlvar ejs = require(‘ejs‘) ;app.engine(‘html‘,ejs.__express) ;app.set(‘view engine‘, ‘html‘); 3.ionic 开发 1,npm install -g cordova ionic 2,ionic start myApp ...

ionic2自定义cordova插件开发以及使用【图】

这篇文章主要为大家详细介绍了ionic2自定义cordova插件开发以及使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特此写这下这篇，记录一下。假设需求是写一个日志插件，可以将日志写在手机的sdcard中。1.安装plugmannpm install -g plugman2...

ionic2自定义cordova插件开发_javascript技巧【图】

ionic4+angular7+cordova上传图片功能的实例代码【图】

前言 ionic是一个垮平台开发框架，可通过web技术开发出多平台的应用。但只建议开发简单应用。复杂的应用需要用到许多cordova插件，而cordova插件的更新或者移动平台的更新很可能导致插件的不可用，维护升级成本较高。安装插件安装插件Image Picker $ ionic cordova plugin add cordova-plugin-telerik-imagepicker $ npm install @ionic-native/image-picker安装插件File Transfer $ ionic cordova plugin add cordova-plugin-fil...

ionic cordova一次上传多张图片（类似input file提交表单)的实现方法

我们可以通过cordova提供的插件调用摄像头或图库选择需要的图片上传，按cordova官方的方法，每次选择完后就直接上传，这并不符合用户的习惯，最好的用户习惯是用户选择完需要的图片，并可在本地预览，接着用户再次打开摄像头或图库再次选择图片，接着预览，对于不需要的图片删除，最后确定可以后，再一次性上传所有图片。显然这种方式，cordova是不支持，那要如何实现呢，以下是我的方法：通过调用$cordovaImagePicker.getPicture...

VS2017 Cordova Ionic2 移动开发环境搭建教程【图】

分享VS2017 Cordova Ionic2 移动开发环境搭建教程 1. 文档概述本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。 2. 安装环境 Windows10 3. 安装Visual Studio 2017community 3.1 官方下载地址：https://www.visualstudio.com/downloads/ 3.2 运行安装程序，需选中使用JavaScript的移动开发，如下图所示。3.3 进行VS2017扩展Ionic2安装 3.3.1运行VS2017，点击菜单栏的工具->扩展和更新3.3.2 安装 N...

Mac中Ionic+Cordova Android打包报错Could not find tools.jar. Please check that /Library/Internet Plug-Ins/【代码】【图】

1、报错信息如下（该报错的意思是在目录下没有找到tools.jar文件）：Execution failed for task :CordovaLib:compileDebugJavaWithJavac. > Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home contains a valid JDK installation.2、解决方法（在终端Terminal中执行以下命令）先通过如下命令查看JDK位置/usr/libexec/java_home -V #（升级OSX11.0.1后，...

android-引擎盖下的混合应用程序开发(PhoneGap,Cordova,Ionic)

我试图了解一切工作原理,但是对此主题有一些疑问. 我将解释我如何理解这些内容. 首先让我们从Cordova开始,这是一个将JS,CSS,HTML文件转换为本地应用程序的平台.但是,这并不是完全正确的.实际上,它只是将所有html,css文件放入资产文件夹,而该平台所做的只是创建针对该平台的自定义WebView,对其进行配置,将所有必需的插件绑定到该WebView并将默认页面设置为打开.除平台插件提供的钩子方法外,其他所有内容都只是Web开发,该方法可通过W...

android-后台服务cordova ionic应用程序. Backgroudn插件在iOS 8.3上不起作用【代码】

我想实现将地理位置发送到服务器的后台服务.因此,我使用了https://github.com/katzer/cordova-plugin-background-mode的插件cordova-plugin-background-mode,可与android一起使用. 但是,如果我在iOS 8.3上运行该应用程序并按“主页”按钮,则该应用程序将停止将地理位置发送到服务器.在插件的文档中说：支持平台 > iOS(包括iOS8)>安卓(SDK> = 11)> WP8 我想念什么吗？编辑：这是我控制器的一些代码$ionicPlatform.ready(function(...

IONIC - 最热教程

ionic本地相册、拍照、裁剪、上传技巧分...Mac中Ionic+Cordova Android打包报错Co...Ionic3 UI组件之autocomplete详解 ionic3实战教程之随机布局瀑布流的实现...android – 在x86_64 linux机器上编译g...ionic5混合app开发环境配置以及项目和调...有关ionic2懒加载配置介绍 IONIC之简易购物车详解ionic本地相册、拍照、裁剪、上传（...javascript-使用Ionic DateTime分两步选...

首页 / IONIC / VS2015+cordova+ionic安装配置

VS2015+cordova+ionic安装配置

内容导读

内容图文

一、安装VS2015及Android SDK

二、安装ionic

三、使用ionic命令行建立项目

四、使用VS2015建立项目

内容总结

内容备注

内容手机端

【VS2015+cordova+ionic安装配置】教程文章相关的互联网学习教程文章

IONIC - 最新教程

IONIC - 最热教程