ionic 创建新的项目

  • 安装 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 创建新的项目)