美文网首页
ionic 创建新的项目

ionic 创建新的项目

作者: nzjcnjzx | 来源:发表于2018-11-26 11:33 被阅读0次
    • 安装 npm install -g cordova ionic
      npm update -g cordova ionic(更新cordova ionic)

    • ionic start demo tabs 带有底部导航按钮
      ionic start myApp blank(空项目)
      目前使用的是3X的版本
      输入ionic start 可以选择启动的模板 分别有tabs 、super、blank、sidemenu

    • 在项目文件运行ionic环境服务命令:ionic serve / npm run start

    • 创建新的页面
      ionic g page pageName

    • 创建新的组件
      ionic g component 组件名称

    命令

    ionic cordova platform add android(添加android平台)
    ionic cordova platform remove android(移除android平台)
    ionic cordova build android(编译项目apk)
    ionic cordova emulate android(运行项目apk 手机连接在手机运行 模拟器连接在模拟器运行)
    ionic cordova run android (相当于build + emulate)
    ionic cordova serve (开启服务调试)
    ionic cordova build ios(编译项目ipk)
    ionic cordova emulate ios(运行项目ipk)

    管理cordova插件

    ionic cordova plugin ·············· 管理cordova插件
    ionic cordova plugin可操作的指令有:
    add ·············· 添加插件
    rm ·············· 移除插件
    ls ·············· 查看已安装插件列表
    save ·············· 保存当前插件状态

    npm安装模块

    【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;
    【npm install -g xxx】利用npm安装全局模块xxx;

    本地安装时将模块写入package.json中:
    【npm install xxx】安装但不写入package.json;
    【npm install xxx –save】 安装并写入package.json的”dependencies”中;
    【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。

    npm 删除模块
    【npm uninstall xxx】删除xxx模块; 【npm uninstall -g xxx】删除全局模块xxx;

    相关文章

      网友评论

          本文标题:ionic 创建新的项目

          本文链接:https://www.haomeiwen.com/subject/rwnvqqtx.html