VS2015跨平台开发知识点记录

来源:互联网 发布:医疗器械公司软件开发 编辑:程序博客网 时间:2024/05/25 01:34

Cordova是跨平台开发框架,提供了一组设备相关的API,移动应用能够以JavaScript访问原生的设备功能。


VS2015+Cordova+Ionic

1.安装ionic模版信息 【工具】-【扩展和更新】-【联机】
这里写图片描述


2.项目文件结构
这里写图片描述
hooks:文件夹是伴随Cordova的安装自动生成的文件夹,该文件夹有脚本可以定制Cordova命令。一般情况下,不对该文件夹中的文件进行更改。
merges 存放各个平台特殊代码,与www目录合并编译。
plugins 插件目录
resources 各个平台的适用资源,启动画面
www 通常放的是我们应用程序代码
bowerrc:Bower包管理器的配置文件,使用Bower可以很方便的安装第三方库文件
config.xml 项目的配置文件(一般项目的插件引用从这里引用)
Project_Readme.html 包含有用的信息链接
gulpfile.js:基于Node.js的前端构建工具。gulp压缩效率更高。
package.json:项目的配置信息,比如名称、版本、许可证等元数据。


3.项目运行
模拟器运行,配置AVD 【Tools】-【Manage AVDS】
这里写图片描述


这里写图片描述


加速模拟器安装 Android SDK(我这边不兼容),采用真机调试。
这里写图片描述


手机连接USB数据线,可查看设备是否连接。
这里写图片描述


运行出现npm gulp-sass未安装以及安装失败(错误信息)
这里写图片描述
运行cmd,执行两条命令
npm install -g cnpm –registry=https://registry.npm.taobao.org
cnpm install gulp-sass –g

原创粉丝点击