• Cordova+ionic 开发hybird App --- 开发环境搭建


    Cordova 开发hybird App 开发环境搭建

    一.一些基础概念:

    Ant :

    简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,
    于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可;然后随着你敲的代码越来越多,而且有了
    JAVA project概念,于是你手动新建了很多文件夹比如src、bin、lib,你有写了一个bat文件来减少你的重复劳动;再后来随着你编码的需求更多,
    你对javac命令也了解更多,譬如打包、运行不同的类等等,而且你又学会了用junit,test类源码要和非test源码分开,你的boss要求你把web项目部
    署到tomcat下……你看了一下你的屏幕,满满的都是各种各样bat文件,查找起来基本靠记忆,这样不好不好。于是乎ant闪亮登场,从此妈妈再也不
    用担心我点错命令了!!废话有点多。ant说白了就是代替各种bat文件来帮助你实现想要的命令(主要是和JAVA编程相关),而且她做得更多效率更好。

    Npm: NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
    1. 允许用户从NPM服务器下载别人编写的三方包到本地使用。
    2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    3. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
    4.

    Nodejs: JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,
    NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象
    和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁
    盘文件或搭建HTTP服务器,NodeJS就相应提供了fs、http等内置对象。

    Ionic: IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用
    。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。

    SASS:

    Cordova/Phonegap:

    二.环境搭建:

    安装nodejs;

    安装jdk 配置环境变量
    JAVA_HOME: C:Program FilesJavajdk1.8.0_45
    CLASSPATH: .;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar
    Path:%JAVA_HOME%in;

    安装git ;

    安装 ant 配置环境变量
    ANT_HOME:C:/apache-ant-1.9.6
    Path:%ANT_HOME%in

    安装Android 配置环境变量
    用户变量ANDROID_HOME:F:android-sdk-windows
    系统变量PATH:%ANDROID_HOME%platform-tools; %ANDROID_HOME% ools;

    安装ionic 和 cordova
    npm install –g cordova ionic
    ionic start app

    三.整合crosswalk
    ionic browser add crosswalk
    如若要移除crosswalk,则需执行:
    ionic browser revert crosswalk / ionic browser remove crosswalk

  • 相关阅读:
    Spring Boot+Vue 项目前端_Vuejs环境搭建
    vue+element 数据表格分页
    vue+elementui 实现新增和修改共用一个弹框
    Vue删除数据成功后如何刷新表格数据
    vue中使用echart绑定点击事件进行路由切换
    Vue的生命周期
    添加访问量插件
    Docker部署的Gitlab平行迁移到另一台服务器上
    GLEAN: Generative Latent Bank for Large-Factor Image Super-Resolution【阅读笔记】
    Learning Continuous Image Representation with Local Implicit Image Function【阅读笔记】
  • 原文地址:https://www.cnblogs.com/mcgaradytien/p/5246220.html
Copyright © 2020-2023  润新知