PDA转手机端开发文档.pdfVIP

目 录 环境搭建 安装Node.js 安装ionic、cordova 相关指令 还原依赖 （非常重要 ） 本地开发启动项目 新建页面 新建组件 android打包环境安装 ionic参考文档 开发利器-Visual Studio Code Angular官网 开始开发 本地服务器 手机端对应调整 代码移植 新建页面 离线状态开发调试页面 新修改的代码没生效 移植功能 服务类创建 服务方法调用 为服务方法创建modal 异常抛出 移植完整的方法 弹窗 下拉列表 基础组件 扫码组件 消息组件 data-grid组件 发布应用 更新发布 版本更新 本文档使用 看云 构建 - 2 - 环境搭建 环境搭建 安装Node.js 安装ionic、cordova 相关指令 android打包环境安装 ionic参考文档 开发利器-Visual Studio Code Angular官网 本文档使用 看云 构建 - 3 - 安装Node.js 安装Node.js 下载长期支持版Node.js 到官网直接下载node.js 安装node.js 将上面下载好的node默认安装。 本文档使用 看云 构建 - 4 - 安装ionic、cordova 安装ionic、cordova 安装ionic 开启命令行 ，运行指令 npm install -g ionic 安装cordova 开启命令行 ，运行指令 npm install -g cordova 本文档使用 看云 构建 - 5 - 相关指令 相关指令 开发过程中使用ionic指令 在 VSCode 中打开项目所在的根目录 （ package.json 所在目录 ）后 ，直接按下 Ctrl+~ 快捷键弹出命 令行面板 ，在命令行面板中就可以输入命令了。 本文档使用 看云 构建 - 6 - 还原依赖 （非常重要 ） 还原依赖 （非常重要 ） 还原依赖 npm install 还原依赖出错 ，就换网络试试 ，不行就用手机移动网络 ，一定要确保没有错误 ，警告的可以忽略。 本文档使用 看云 构建 - 7 - 本地开发启动项目 本地开发启动项目 运行项目 ionic serve 指令运行后 ，如果没有自动弹出浏览器窗口 ，则可以手动在浏览器地址栏输入 ： http://localhost:8100 ，请确保连接内网或者VPN ，并且能够访问数据库。 本文档使用 看云 构建 - 8 - 新建页面 新建页面 创建界面 直接在命令行中运行 ionic g page 页面名称 注意 ，如果页面名称是驼峰命名法,则生成如下文件 ： 比如 ：TestFrm会在pages/test-frm/目录下面生成三个文件 ，分别是con