cordova 创建空白项目，并安装gulp

最新推荐文章于 2021-06-04 09:53:09 发布

ymark_

最新推荐文章于 2021-06-04 09:53:09 发布

阅读量1.5k

点赞数

分类专栏： cordova 文章标签： android cordova 新手

本文链接：https://blog.csdn.net/u013934914/article/details/49464385

版权

cordova 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

1.创建项目并进入工程

cordova create testApp com.ymma.testApp testApp
cd testApp

2.添加平台

cordova platforms add ios
cordova platforms add android
cordova platforms add browser

扩展：提供以下平台
ios             osx                 android
ubuntu          amazon-fireos       wp8
blackberry10    www                 firefoxos
windows8        windows             webos
browser

3.添加插件

cordova plugin add org.apache.cordova.console
cordova plugin add org.apache.cordova.device

扩展：
cordova plugin ls      //列出所有已安装的插件
cordova plugin rm org.apache.cordova.console  //删除空间

还可以添加以下插件：
cordova plugin add org.apache.cordova.device                //设备API
cordova plugin add org.apache.cordova.network-information   //网络（事件）
cordova plugin add org.apache.cordova.battery-status        //电池（事件）
cordova plugin add org.apache.cordova.device-motion         //加速器
cordova plugin add org.apache.cordova.device-orientation    //罗盘
cordova plugin add org.apache.cordova.geolocation           //定位
cordova plugin add org.apache.cordova.camera                //摄像头
cordova plugin add org.apache.cordova.media-capture         //媒体文件处理
cordova plugin add org.apache.cordova.media                 //媒体文件处理
cordova plugin add org.apache.cordova.file                  //文件访问
cordova plugin add org.apache.cordova.file-transfer         //文件传输
cordova plugin add org.apache.cordova.dialogs               //对话框
cordova plugin add org.apache.cordova.vibration             //震动
cordova plugin add org.apache.cordova.contacts              //联系人
cordova plugin add org.apache.cordova.globalization         //全球化
cordova plugin add org.apache.cordova.splashscreen          //闪屏
cordova plugin add org.apache.cordova.inappbrowser          //打开新的浏览器窗口
cordova plugin add org.apache.cordova.console               //调试控制台

插件可以从很多地方安装：
插件名（从plugin repository下载）：cordova plugin add org.apache.cordova.console 
git地址：cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git 
本地地址：cordova plugin add d:\cordova-3.3.0\cordova-plugin-camera 
本地文件：cordova plugin add plugin.tar.gz

指定版本：
cordova plugin add org.apache.cordova.console@0.2.1 
cordova plugin add https://github.com/apache/cordova-plugin-console.git#r0.2.0 
cordova plugin add https://github.com/someone/aplugin.git#:/my/sub/dir 
cordova plugin add https://github.com/someone/aplugin.git#r0.0.1:/my/sub/dir

4.安装gulp

全局安装 gulp：

npm install -g gulp     
npm install gulp-connect

作为项目的开发依赖（devDependencies）安装：

npm install --save-dev gulp

在项目根目录下创建一个名为 gulpfile.js 的文件：

var gulp = require('gulp');
var connect = require('gulp-connect');
gulp.task('connect', function() {
  connect.server({
    root: 'www',
    livereload: true
  });
});

gulp.task('html', function () { //新建任务，名字为html
      //重新加载connect中的www/*.html
      gulp.src('./www/*.html').pipe(connect.reload());
});

gulp.task('watch', function () { //新建监听
      //当被监视的文件[www下的html，www/js/my-app.js，和www/css/my-app.css] 文件改变时，触发名字为html的任务
      gulp.watch(['./www/*.html','./www/js/my-app.js','./www/css/my-app.css'], ['html']);  
});

gulp.task('default', ['connect', 'watch']);