zoukankan      html  css  js  c++  java
  • Ionic3学习笔记(一)安装、项目结构与常用命令

    本文为原创文章,转载请标明出处

    目录

    1. 安装
    2. 项目结构
    3. 常用命令

    1. 安装

    安装Cordova、Ionic

    npm install -g cordova ionic
    

    创建一个新项目,有blank、tabs、sidemenu3种样式可选,tutorial、super、conference为官方Demo,aws为AWS Mobile Hub Demo

    ionic start myApp blank
    ionic start myApp tabs
    ionic start myApp sidemenu
    ionic start myApp tutorial
    ionic start myApp super
    ionic start myApp conference
    ionic start myApp aws
    

    浏览器运行调试

    cd myApp
    ionic serve
    

    2. 项目结构

    ./hooks => 包含App生命周期中自动执行的操作
    ./node_modules & ./package.json => npm依赖项
    ./platforms => 添加的平台
    ./plugins => 安装的插件
    ./resourses => App图标和启动画面
    ./src/ => 主要工作目录
    ./src/index.html => App主要入口,用来设置脚本和CSS
    ./src/app/app.module.ts => App入口
    ./src/pages => 放置生成的页面
    ./src/assets => 放置多媒体文件
    ./src/theme/variables.scss => 用于覆盖默认样式
    ./www => 浏览器运行调试时自动生成
    config.xml => 配置文件
    ionic.config.json => 上传到 ionic.io 会被使用
    .tsconfig.json & tslint.json => TS相关

    3. 常用命令

    打印出Ionic运行环境信息

    ionic info
    

    更新Ionic到最新版本

    npm install -g ionic@latest
    

    生成新的page、provider等

    ionic generate [<type>] [<name>]
    
    [<type>]: e.g. component, directive, page, pipe, provider, tabs
    

    在浏览器中运行调试,可打开iOS、Android、Windows3个界面

    ionic serve --lab
    

    生成一个平台图标、启动画面

    ionic cordova resources ios
    ionic cordova resources --icon ios
    ionic cordova resources --splash ios
    

    列出所有平台

    ionic cordova platform ls
    

    添加、删除、更新一个平台

    ionic cordova platform add ios
    ionic cordova platform remove ios
    ionic cordova platform update ios
    

    编译一个平台并压缩

    ionic cordova build ios --prod
    

    添加、删除插件

    ionic plugin add cordova-plugin-camera
    ionic plugin rm cordova-plugin-camera
    

    如有不当之处,请予指正,谢谢~

  • 相关阅读:
    Ubuntu12.04 亮度调节和保存
    算法
    Python一些常见问题的解决方法
    数据结构
    C# 运行时编译代码并执行 【转】
    C# 动态添加属性 非原创 有修改
    30天学通Visual C++项目案例开发 下載
    .NET常用Request获取信息
    获取一个目录下所有的文件,包括子目录的
    C++入门到精通_全集下载
  • 原文地址:https://www.cnblogs.com/metaphors/p/7603451.html
Copyright © 2011-2022 走看看